Underline für normalen Text in anderer Farbe

[..ooOOipOOoo..]

Hoi!

Ich suche nach einer Möglichkeit eine Übeschrift, *keinen* Link, mit einem Unterstrich zu versehen, der in einer anderen Farbe dargestellt wird als der Text selbst. Leider habe ich bisher nichteinmal einen Workaround mit Hilfe von JS dazu gefunden. Ich wäre sehr dankbar, wenn mir jemand weiter helfen könnte.

Gruesse

..ooOOipOOoo..

 

[Thomas Lindner]

CSS !

Style-Sheet:

<style>
.headline
{
border-bottom: 1px solid red;
}
</style>

HTML:

Dies ist ein <span class="headline">Test</span> ohne Sinn
<span class="headline"><h1>Blablub</h1></span>

 

[..ooOOipOOoo..]

Hoi!

Erstmal vielen Dank, Thomas, da hätte ich aber auch selbst drauf kommen müssen *schlägt sich*
Das habe ich nämlich eigentlich schon probiert... nur ich habe anstelle eines span ein div eingesetzt (das bekanntlich Zeilenumbrüche setzt), was im IE jedoch zu einer bis zum Ende durchgezogenen Linie geführt hat.

Nochmals danke.

Gruesse

..ooOOipOOoo..