Medvrstni razmik v CSS

Zdaj se naučimo nastaviti medvrstni razmik besedila. Z medvrstnim razmikom se razume razdalja med vrsticami besedila, torej beli prostor med njimi. Za to je namenjena lastnost line-height, ki določa višino vrstice besedila.

Pri uporabi lastnosti line-height vas lahko pričaka neka past: ta lastnost ne določa razmika med vrsticami besedila, kot se morda zdi, ampak določa višino vrstice besedila.

To pomeni, da se bo dejanski vidni razmik med vrsticami izračunal takole: line-height - font-size = vidna razdalja med vrsticami besedila.

V naslednjem primeru bo razdalja med vrsticami besedila 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: