---

Jeg vil gerne lave noget i stilen med:

-------------- Text

Hvor "---" er en solid 1px linje. Jeg ville først bruge en <hr> men den
er jo et blocklevel element, så den kunne jeg ikke smide i min span.

Så efter lidt frem og tilbage kom jeg frem til denne knapt så elegante
løsning:

<div class="end-chapter">
   <div class="spacer"></div>
   <div>
      <span class="fake-hr">&nbsp;</span>
      <span class="top"><a href="#top">Top ^</a></span>
   </div>
   <div class="spacer"></div>
</div>

..end-chapter {
   width: 100%;
   }
..top {
   font-size: 10px;
   margin-left:10px;
   }

..fake-hr {
   width: 480px;
   float: left;
   background-image: url("../graphics/one_black_dot.png");
   background-repeat:repeat-x ;
   margin-top: 8px;
   }

..spacer {
   clear: both;
   }

Er der måske en måde som er lidt mere smart? Skal være HTML 4.01 strict
og kunne ses i alle fornuftig css understøttene browser (f.eks. Mozilla)


--
Mvh. / Kind regards
Henrik Farre
http://www.cs.auc.dk/~enrique
http://www.fsf.org/philosophy/no-word-attachments.html