podtržení delší než text

napadá mě jen display:block;border-bottom: blabla ; width:150px
ale to by ten text nesměl být nikdy delší :-(
anebo tu šířku dát v em ale to bys musel vyzkoušet, co tam pasuje

jedině border bottom nějakému blokovému prvku, přijde mi to jako dobré řešení. Případně maličkou šoupnout textem relativní pozicí dolů, aby to lépe sedlo.

Klasické podtržení totiž pasuje jenom pod nějaký skutečný text, jinde se nevykreslí.

Jediné alternativní řešení, které mě napadá, je napráskat za ten odkaz v hojném počtu pevné mezery a celý ten oddíl oseknout zprava pomocí width a overflow: hidden. Trochu šílenství.

Tak to já bych měl návrh. Sice je to taky trochu prasárna, ale funkční.

Využil bych toho, že když se nějakému prvku zadá CSS vlastnost position:absolute bez souřadnic, prvek zůstane tam, kde je, ale vyjme se z toku dokumentu. Tedy to, co je za ním, ho normálně přepisuje.

Takže si vytvořím prvek z mnoha pevných mezer (kolik přesně, to záleží na požadované délce čáry) a nastavím mu tuhle vlastnost a přidám podtržení. Budou to tedy podtržené mezery, přes které se bude přepisovat požadovaný text.

<p>
<span class="podtrzitko">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span>
Podtržený text.
</p>

a stylopis:
.podtrzitko {position:absolute;text-decoration:underline}

mno, to už by bylo skoro lepší hodit to jako průhledný gif s čarou na pozadí :-)

Ad SuE: Anebo jen čáru 1x150 jako gif pozicovaný na pozadí vlevo dolů.

Taky bych to řešil orámováním dole. Aby to neposkakovalo, tak si pohrát s margem a paddingem.