---

offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗mkPmCLLH 39 of 249 menu
Верстка JavaScript PHP TypeScript NodeJS Python Java C++ Rust SQL Vue React Angular jQuery Laravel Git Webpack Gulp Terminal Internet Глоссарий Сленг Соц. сети
Межстрочный интервал в CSS
Давайте теперь научимся задавать межстрочный интервал тексту. Под межстрочным интервалом подразумевается расстояние между линиями текста, то есть белый промежуток между ними. Для этого предназначено свойство line-height, задающее высоту линии текста.

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

Это значит, что реальный видимый промежуток между строками будет вычисляться так: line-height - font-size = видимое расстояние между строками текста.

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

<p>
	long text...
</p>
p {
	font-size: 20px;
	line-height: 50px;
	text-align: justify;
	width: 400px;
}
Результат выполнения кода:


№1⊗jsPmSMMA

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

←→
Трепачёв Дмитрий © 2012-2024
t.me/trepachev_dmitry
↑






я сделал, но не понял

p {
    font-size: 30px;
    line-height: 45px;
}