Linjeafstand i CSS

Lad os nu lære at indstille linjeafstanden for tekst. Med linjeafstand menes afstanden mellem tekstlinjer, altså det hvide mellemrum mellem dem. Dette gøres med egenskaben line-height, der angiver højden på en tekstlinje.

Ved brug af egenskaben line-height kan der være en lille faldgrube: denne egenskab angiver ikke mellemrummet mellem tekstlinjer, som man måske kunne tro, men angiver højden på tekstlinjen.

Det betyder, at det reelle synlige mellemrum mellem linjer beregnes sådan: line-height - font-size = synlig afstand mellem tekstlinjer.

I det følgende eksempel vil afstanden mellem tekstlinjer vare 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: