Řádkování v CSS

Nyní se naučme nastavovat řádkování textu. Řádkování znamená vzdálenost mezi řádky textu, tedy bílý prostor mezi nimi. K tomu slouží vlastnost line-height, která nastavuje výšku řádku textu.

Při používání vlastnosti line-height vás může čekat určitý háček: tato vlastnost nenastavuje mezeru mezi řádky textu, jak by se mohlo zdát, ale nastavuje výšku řádku textu.

To znamená, že skutečná viditelná mezera mezi řádky se vypočítá takto: line-height - font-size = viditelná vzdálenost mezi řádky textu.

V následujícím příkladu bude vzdálenost mezi řádky textu 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: