HTML Abstände nach Titel

[wasi1306]

Hallo ihr Lieben,

folgendes Problem: Ich sitze gerade an einer Homepage und Versuche eine Designvorlage in HTML/CSS zu realisieren, dabei bin ich bei einem einfachen Unterstrich an ein Problem gestoßen wo ich nicht weiterkomme.

Das Ganze soll (von den Abständen her) etwa so aussehen:




Leider stimmen bei mir die Abstände nicht, habe versucht das Ganze über eine Tabelle zu lösen (Border ist erstmal als Hilfslinie gegeben) nach meiner Überschrift ist der Absatz einfach zu groß



Der Code sieht folgendermaßen aus:





Jemand eine Idee wo der Fehler liegen könnte, bzw. wie ich den Unterstrich näher an den Text bekomme? Ob mittels HTML oder CSS ist mir relativ egal, ich steh nur gerade etwas auf dem Schlauch


Besten Dank schonmal!

 

[Jokeboy]

Statt padding, margin-top.

 

[WebLobo]

Siehe Vorredner ... per CSS !

 

[rephluX]

Hier mal ein Ansatz, der mit weitaus weniger Code auskommt:

http://jsfiddle.net/rwAdt/



h2 ist natürlich austauschbar, dient hier nur als Beispiel.

Ebenfalls als kleiner Tipp: Vermeide nach Möglichkeit inline-Styles. Tabellen für so ein Vorhaben zu benutzen kann man natürlich machen, aber wie man sieht, geht es mit CSS wesentlich eleganter.

 

[wasi1306]

Zunächst mal vielen Dank euch allen für die schnelle Hilfe

Habs jetzt so gemacht wie von rephluX vorgeschlagen, Danke auch für die Seite, die ist ja wirklich genial