Výška řádku a zarovnání

Každá třída velikosti nastavuje výšku řádku, můžete si ale vybrat jinou pomocí tříd leading-. Název pochází z doby ruční sazby: sazeči vkládali mezi řádky z kovových písmen tenké proužky olova (anglicky lead), aby je od sebe oddělili. Česky se tomu říká proklad.

Hodnoty jsou čísla bez jednotky, tedy násobky velikosti písma, stejně jako line-height: 1.6, které jste psali v kurzu CSS. S text-lg (18 px) a leading-relaxed (uvolněný) je každý řádek vysoký 18 × 1,625 = 29,25 pixelu. Třída leading- má vždy přednost před výškou řádku ze třídy velikosti, takže je můžete napsat v libovolném pořadí.

Odstavce delšího textu se čtou lépe s větším místem mezi řádky, například s leading-relaxed. U velkých nadpisů bývá výška řádku, kterou nastavuje třída velikosti, tak akorát.

Zarovnání textu funguje jako v kurzu CSS: text-left, text-center, text-right a text-justify nastaví text-align na left, center, right a justify. A protože se text-align dědí, jedna třída u prvku header zarovná na střed jméno, věk i štítek v něm.