Как изменить межстрочный интервал

Короткий ответ

Межстрочный интервал задаёт line-height:

<p style="width: 260px; line-height: 1.2;">Tight lines are fine for short headings but hard to read in long text.</p>
<p style="width: 260px; line-height: 1.7;">Looser lines make long paragraphs much easier to read.</p>

Для основного текста подходит 1.5–1.7, для заголовков — 1.1–1.3.

Без единиц

Число без единиц — это множитель от размера шрифта самого элемента. Его наследуют потомки и пересчитывают под свой шрифт. Значение в px или em наследуется готовым числом и для крупного заголовка внутри может оказаться слишком маленьким:

<div style="line-height: 16px; width: 260px;">
  <h3 style="margin: 0;">This heading overlaps itself when it wraps</h3>
</div>

Расстояние между абзацами

line-height меняет промежутки внутри абзаца. Расстояние между абзацами — это margin:

p { margin: 0 0 1em; }

Частая ошибка

Пытаться раздвинуть абзацы через line-height или уменьшить интервал через отрицательный margin. Каждое свойство отвечает за своё: строки внутри абзаца — line-height, промежутки между блоками — margin или gap.