Medziriadkový interval v CSS

Poďme sa teraz naučiť nastaviť medziriadkový interval textu. Pod medziriadkovým intervalom sa rozumie vzdialenosť medzi riadkami textu, teda biely priestor medzi nimi. Na to je určená vlastnosť line-height, nastavujúca výšku riadku textu.

Pri používaní vlastnosti line-height vás môže čakať istý háčik: táto vlastnosť nenastavuje priestor medzi riadkami textu, ako by sa mohlo zdať, ale nastavuje výšku riadku textu.

To znamená, že reálny viditeľný priestor medzi riadkami sa bude počítať takto: line-height - font-size = viditeľná vzdialenosť medzi riadkami textu.

V nasledujúcom príklade bude vzdialenosť medzi riadkami textu 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: