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

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

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

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

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

<p>
	some long text
</p>

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

Нека размерът на шрифта за абзаците е 30px. Задайте свойството line-height така, че видимото бяло разстояние между абзаците да бъде равно на 15px.