Свойство line-height

Описание

Определяет минимальную высоту строки текста для блочных элементов. Для внедряемых строчных элементов свойство не оказывает никакого эффекта. Для остальных строчных элементов оно задаёт высоту, которая используется для расчёта высоты строки блока.

Синтаксис

line-height: множитель | размер | проценты | normal;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #test {
 line-height: 70px;
 }
 </style>
 <div id='test'>
 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Деревни, снова. Подзаголовок подпоясал эта своих он свой ведущими агентство о, себя пунктуация семь заголовок ipsum! Правилами вдали языком встретил!
 </div>
</body>
</html>

Читайте также

Свойство backdrop-filter

Позволяет использовать визуальные эффекты. Так как это применяется ко всему за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон ...

Свойство word-break

Указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область....

unset

Является комбинацией ключевых слов initial и inherit. Ключевое слово unset устанавливает значение свойства как