Řá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
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Nechť velikost písma pro odstavce je 30px.
Nastavte vlastnost line-height tak,
aby viditelný bílý mezera mezi odstavci
byla rovna 15px.
