[CSS] muss h2 immer in neuer Zeile beginnen?



  • Hallo.
    Ich hab ein recht kleines, aber nervendes Problem mit Überschriften
    Mein Code sieht so aus:

    <div style="border:2px solid black;">
      <h2>Überschrift</h2>
      Ein bisschen Text....
    </div>
    

    Wie ihr seht, soll die Überschrift und der Text in einem schwarzen Rahmen stehen.
    Das Dumme ist nur, dass oberhalb der Überschrift eine Leerzeile steht, weil ja für <hx>-Tags ein neuer Absatz begonnen wird.
    Das stört aber gewaltig! Ich will, dass die Überschrift nur unten eine Leerzeile macht. Kann man das mit CSS irgendwie machen?
    Ich weiß, ich könnte auch ein <span>-Tag anstelle von <h2> nehmen, aber ich möchte wegen der Semantik lieber <h2> nehmen.
    Gruß mar3000



  • Einfach margin-top oder padding-top kleiner setzen.



  • Das habe ich bereits, aber das kann nicht funktionieren, da padding ja nicht für Zeilenhöhen verantwortlich ist.



  • Es geht dir ja auch nicht um die Zeilenhöhe, sondern den Abstand zweier ineinander verschachtelter Elemente und das macht man mit margin bzw. padding (wie du willst).


Anmelden zum Antworten