Междуредов интервал в CSS

Нека сега се научим как да задаваме междуредов интервал на текста. Под междуредов интервал се разстояние между редовете на текста, тоест бялото пространство между тях. За това е предназначено свойството line-height, което задава височината на реда текст.

При използване на свойството line-height може да срещнете един подводен камък: това свойство не задава разстояние между редовете на текста, както може да изглежда, а задава височината на реда текст.

Това означава, че реалното видимо разстояние между редовете ще се изчислява така: line-height - font-size = видимо разстояние между редовете текст.

В следващия пример разстоянието между редовете текст ще бъде 50px - 20px = 30px:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: