Zeilenhöhe bestimmen

[Gunnar Bittersmann]

@@hubert34:

nuqneH

<p style="line-height: 20px;">line-height: 20px;</p>

Setzt die Zeilenhöhe auf 20px. Wenn sich die Schriftgröße ändert (was der Nutzer in seinem Browser tun kann), passt die Zeilenhöhe nicht mehr. Deshalb Zeilenhöhe immer[tm] relativ zur Schriftgröße angeben.

<p style="line-height: 200%;">line-height: 200%;</p>

Setzt die Zeilenhöhe auf das Doppelte der Schriftgröße.

<p style="line-height: normal;">line-height: normal;</p>

Setzt die Zeilenhöhe auf den im jeweiligen Browser geltenden Normalwert (meist das 1,2-fache der Schriftgröße). Da "normal" der Defaultwert für die 'line-height'-Eigenschaft ist, kann die Angabe auch entfallen.

Weitere Fehler:

• Inline-Angaben in style-Attributen. Alle Angaben sollten im Stylesheet stehen.

• Verwendung von Tabellen zum Layouten.

Qapla'