Межстрочный интервал

Свойство line-height задаёт высоту каждой строки текста, а значит, и расстояние между строками. Длинный текст читать легче, когда строки не слишком близко друг к другу.

Лучше всего записывать его числом без единицы измерения. Оно означает кратность размера шрифта элемента:

p {
	font-size: 20px;
	line-height: 1.5;
}

Здесь высота каждой строки — 1,5 × 20 = 30 пикселей. Место, которое не нужно буквам, делится поровну над текстом и под ним, поэтому текст находится посередине строки.

По умолчанию браузеры используют line-height: normal, это примерно 1.2 (в зависимости от шрифта). Для абзацев удобнее значения от 1.4 до 1.8. Сравните line-height: 1 и line-height: 1.8:

Домашняя кошка спит по 12–16 часов в сутки. Больше всего она активна вечером и рано утром, когда любит охотиться и играть.

Домашняя кошка спит по 12–16 часов в сутки. Больше всего она активна вечером и рано утром, когда любит охотиться и играть.

Можно было бы написать и line-height: 30px, но число без единицы лучше, потому что оно растёт вместе с размером шрифта. Если бы мы потом увеличили шрифт до 30 пикселей, высота строки стала бы 45 пикселей, а при 30px осталась бы равной 30 пикселям, и строки слиплись бы.