<p style="line-height: 1">
font-size: 10px;
font-size: 10px;
font-size: 10px;
font-size: 14px;
font-size: 14px;
font-size: 14px;
font-size: 18px;
font-size: 18px;
font-size: 18px;
Zeilenhöhe ist von der Schriftgröße abhängig hier (1==100%). Deswegen die Absätze mit unterschiedlichen Schriftgrößen sehen normal aus.
<p style="line-height:0.7">
font-size: 10px;
font-size: 10px;
font-size: 10px;
font-size: 14px;
font-size: 14px;
font-size: 14px;
font-size: 18px;
font-size: 18px;
font-size: 18px;
Hier, line-height ist immer noch von der Schriftgröße abhängig (0.7==70%). Alle Schriften ein bisschen gequetscht.
<p style="line-height: 12px">
font-size: 10px;
font-size: 10px;
font-size: 10px;
font-size: 14px;
font-size: 14px;
font-size: 14px;
font-size: 18px;
font-size: 18px;
font-size: 18px;
In diesem Beispiel benutzen wir absolute Angaben (12px). Zeilenhöhe ist hier unabhängig von der Schrftgröße. 18 ist gequetscht, aber für 10 ist sogar zuviel Platz.