Zeilenhöhe in CSS

Lassen Sie uns nun lernen, wie man den Zeilenabstand für Text festlegt. Unter Zeilenabstand versteht man den Abstand zwischen den Textzeilen, also den weißen Zwischenraum zwischen ihnen. Dafür ist die Eigenschaft line-height zuständig, die die Höhe einer Textzeile angibt.

Bei der Verwendung der Eigenschaft line-height kann Sie eine gewisse Tücke erwarten: Diese Eigenschaft legt nicht, wie es scheinen könnte, den Abstand zwischen den Textzeilen fest, sondern gibt die Höhe der Textzeile an.

Das bedeutet, dass der sichtbare Abstand zwischen den Zeilen wie folgt berechnet wird: line-height - font-size = sichtbarer Abstand zwischen den Textzeilen.

Im folgenden Beispiel beträgt der Abstand zwischen den Textzeilen 50px - 20px = 30px:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 50px;
	text-align: justify;
	width: 400px;
}

Lassen Sie die Schriftgröße für die Absätze 30px betragen. Stellen Sie die Eigenschaft line-height so ein, dass der sichtbare weiße Abstand zwischen den Absätzen 15px beträgt.