Высота строки и выравнивание

Каждый класс размера задаёт высоту строки, но выбрать другую можно классами leading-. Название пришло из типографии: печатники прокладывали между строками металлических букв тонкие полоски свинца (по-английски lead), чтобы раздвинуть строки.

Значения — числа без единиц, то есть кратные размеру шрифта, как line-height: 1.6, которое вы писали в курсе CSS. При text-lg (18 px) и leading-relaxed каждая строка имеет высоту 18 × 1,625 = 29,25 пикселя. Класс leading- всегда побеждает высоту строки из класса размера, поэтому записывать их можно в любом порядке.

Абзацы длинного текста легче читать, когда между строками больше места, например с leading-relaxed. У крупных заголовков высота строки, которая идёт вместе с размером, обычно как раз то, что нужно.

Выравнивание текста работает как в курсе CSS: text-left, text-center, text-right и text-justify задают text-align значения left, center, right и justify. А поскольку text-align наследуется, один класс на элементе header выравнивает по центру имя, возраст и бейдж внутри него.