Zeilenhöhe¶

Um die Zeilenhöhe eines Textes zu ändern, kann die CSS Eigenschaft line-height genutzt werden. line-height regelt den Abstand zwischen den Zeilen eines Textes. Wenn der Abstand zu groß oder zu klein ist, kann er durch line-height verändert werden.

Bemerkung

Ein Text wird lesbarer, wenn ein nicht zu kleiner Abstand zwischen den Zeilen eines Textes besteht.

Eigenschaftswert	Erklärung
normal	Der Abstand, der durch die verwendete Schrift vorgegeben ist. Standard
Zahl (Faktor)	Einheitenlose Angabe - Wert wird mit der verwendeten Schriftgröße multipliziert.
px	Definiert einen festen Abstand zwischen den Zeilen.

p.text1 {
  line-height: 32px;
}

p.text2 {
  line-height: 4px;
}
p.text3 {
  line-height: 1.5;
}

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et