Linjeavstand i CSS

La oss nå lære å sette linjeavstand for tekst. Med linjeavstand menes avstanden mellom tekstlinjene, det vil si det hvite mellomrommet mellom dem. Dette oppnås med egenskapen line-height, som setter høyden på tekstlinjen.

Ved bruk av egenskapen line-height kan det være en liten fallgruve: denne egenskapen angir ikke avstanden mellom tekstlinjene, slik det kanskje kan virke som, men angir høyden på tekstlinjen.

Dette betyr at det faktiske synlige mellomrommet mellom linjene vil bli beregnet slik: line-height - font-size = synlig avstand mellom tekstlinjene.

I følgende eksempel vil avstanden mellom tekstlinjene være 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: