Headline und Unterstrich

[Gunnar Bittersmann]

@@jobi80:

nuqneH

eine H1 Headline mit beliebigem Text soll rechts *neben* dem Text einen Strich/Unterstrich bekommen, der bis zum Rand des umgebenden Elements geht:

Headline___________

h1  
{  
    white-space: nowrap;  
    width: 100%;  
    overflow: hidden;  
}  
  
h1:after  
{  
    border-bottom: 1px solid red;  
    content: "\A0";  
    display: inline-block;  
    width: 100%;  
}

mit der Einschränkung, dass der Text der Überschrift bei zu großer Länge nicht mehrzeilig wird, sondern abgeschnitten.

Und natürlich der Einschränkung, dass IE < 8 keinen generierten Content kennt und andere Vorstellungen von "inline-block" hat.

Aber für IE < 8 gäbe es ja CSS-Expressions …

Qapla'