CSS Kochbuch

2.8 Leerraum zwischen Überschriften und Absätzen entfernen

Problem

Sie wollen den Leerraum zwischen einer Überschrift und einem Absatz verkleinern.

Lösung

Setzen Sie die Werte für margin und padding für Überschrift und Absatz auf null:

h2 {
margin: 0;
padding: 0;
}
p {
margin: 0;
 padding: 0;
}

Diskussion

Browser verwenden intern ein eigenes Stylesheet, das die Standardwerte für HTML-Elemente festlegt. Hierzu gehören auch Definitionen von Innen- und Außenabständen für Überschriften und Absätze.

Diese Standardwerte sollen es Benutzern erleichtern, auch Dokumente ohne Stildefinitionen gut lesen zu können. Viele Webentwickler bevorzugen aber eigene Einstellungen.

Um die Standardabstände zwischen den Überschriften und den Absätzen zu entfernen, setzen Sie ...