Underline mit CSS definieren

Wer die Unterstreichung (engl. underline) für seine Texte formatieren möchte, muss dass ein bisschen mit CSS tricksen.

Beispiel-Code (HTML):

<h1><span>Überschrift</span></h1>

Beispiel-Code (CSS):

h1 {
    font: 21px ‚Trebuchet MS‘, Arial, Helvetica, sans-serif;
    color: #558201;
}

h1 span {
   border-bottom: 1px dashed;
}

Würde man auf das <span> verzichten, würde die gesamte Breite des <h1>-Tags unterstrichen werden (und nicht nur der Text).