CSS Kochbuch

2.24 Zeilenabstände ändern

Problem

Sie wollen den Abstand zwischen den Zeilen ändern. In Abbildung 2-38 sehen Sie die Standarddarstellung, während für Abbildung 2-39 der Zeilenabstand um die Hälfte erhöht wurde.

Abbildung 2-38. Die Standardeinstellung für den Zeilenabstand in einem Absatz

Abbildung 2-39. Erhöhter Abstand zwischen den Textzeilen

Lösung

Passen Sie den Wert für die Eigenschaft line-height an:

p {
 line-height: 1.5em;
}

Diskussion

Durch eine Erhöhung des Wertes für die Eigenschaft line-height vergrößert sich der Zeilenabstand. Wird der Wert verringert, ...