CarstenP: Was genau macht line-height?

Beitrag lesen

Hallo,

Der Erfahrung nach lässt sich aber sagen, dass bei der Zeilenhöhe der Abstand oben hinzugefügt wird.

Warum nicht einfach mal ausbrobieren...?

p {  
  font-size:12px;  
  border:solid 1px #009;  
  line-height:14px;  
}

<p>Hallo Test</p>

Ändere im CSS den Wert für line-height und schaue, in welche Richtung der Rahmen sich ausdehnt.

Ergebnis: Abgesehen von der bereits angesprochenen vertikalen Zentrierung ist es von Browser zu Browser verschieden, wie ungerade Differenzen aufgeteilt werden. Wenn man dasselbe Spielchen mit anderen Größen macht, sieht es selbst innerhalb desselben Browsers anders aus. Aber wenn man sich an diesem einen Pixel Unterschied stören sollte, dann sollte man sich überlegen, ob man sich das richtige Medium ausgesucht hat... ;-)

Viele Grüße
Carsten