[CSS] Schrift unterstreichen

[Laborant]

Hi,

Ich habe eine Headline und möchte diese unterstreichen. Allerdings soll der Unterstrich nicht nur unter dem Text sein sondern soll noch über diesen hinaus gehen. Die Länge der Linie möchte ich in px angeben.
Wie funktioniert sowas?

[Abraxax]

border-bottom ....

[Laborant]

ja das hab ich auch.

.headline2 {
font-family:Verdana;
font-size:12px;
line-height: 27px;
line-width:200px;
color:#8B513D;
font-weight:bold;
border-bottom:1px dotted #000000;
}

Aber der line-width Befehl funktioniert in dem Fall nicht?! Ich denke ihr wisst was ich meine, oder? Der Strich soll einfach länger werden, der Text unverändert.

//edit: im IE funktioniert es mit "Width", im Mozilla allerdings keine Reaktion

[Kropff]

vielleicht sowas?

h1
{
             font-family:Verdana;
             font-size:12px;
             color:#8B513D;
             font-weight:bold;
             border-bottom:1px dotted #000000;
             width: 150px;
} 

gruss
peter

[Laborant]

funktioniert bei mir nur im IE

[Floriam]

Versuch es mal mit der Eigenschaft

display: inline;

[wahsaga]

Original geschrieben von Laborant
Aber der line-width Befehl funktioniert in dem Fall nicht?!

na sowas - und das, wo weder CSS "befehle" kennt, noch eine eigenschaft line-width hat.

[kabeljau]

Pack die Headline doch in eine Tabellenzelle und definiere deren Breite und den Unterstrich mit border-bottom.

[Abraxax]

*hust* tabellen fürs layout? *bah*

[Laborant]

na sowas - und das, wo weder CSS "befehle" kennt, noch eine eigenschaft line-width hat

ich dachte mir halt wenn es line-height gibt, wird es dazu auch einen Gegenpart geben, line-width. (ersetze den befehl durch eigenschaft *g*)

Original geschrieben von kabeljau
Pack die Headline doch in eine Tabellenzelle und definiere deren Breite und den Unterstrich mit border-bottom.

von dieser Tabellenlösung wollte ich in diesem Fall eigentlich absehen?
Aber gibt's überhaupt eine andere Lösung die mit möglichst viel Browsern kompatibel ist?

Gruss

[derHund]

Aber gibt's überhaupt eine andere Lösung die mit möglichst viel Browsern kompatibel ist?

wo soll es denn bei der von Kropff geposteten lösung probleme geben?

[Kropff]

wo soll es denn bei der von Kropff geposteten lösung probleme geben?

genau, habe das auch im mozilla getestet und es läuft einwandfrei.

gruss
peter