Свойство CSS line-height устанавливает величину пространства между строками, например в тексте. В блочных элементах оно указывает минимальную высоту блоков строк внутри элемента. В незамещаемых внутристрочных элементах — указывает высоту, которая используется для вычисления высоты блоков строк.
p { line-height: normal; font-weight: normal }Абсолютная и относительная величина в единицах CSS.
p { font-size: 12pt; color: red; font-family: "Arial";
line-height: 5mm }Пример:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Вертикальное расстояние между строками</title>
<style type="text/css">
@media screen and (max-width: 767px) {
body {
max-width: 767px;
height: auto;
}
}
h1 {
color: blue;
}
.magnitude {
display: inline-block;
font-family: "Arial";
line-height: 7mm;
}
.normal
{
display: inline-block;
color: gray;
line-height: normal;
font-weight: normal;
}
.box {
width: 18em;
display: inline-block;
vertical-align: top;
font-size: 14pt;
</style>
</head>
<body>
<h1>Вертикальное расстояние между строками</h1>
<div class="box magnitude">Избегайте неожиданных результатов, используя безразмерную высоту строки. Длина и процентная высота строк имеют плохое поведение наследования ... </div>
<div class="box normal">Избегайте неожиданных результатов, используя безразмерную высоту строки. Длина и процентная высота строк имеют плохое поведение наследования ... </div>
</body>
</html>Вертикальное расстояние между строками
