Код вашей страницы

 <html>
<head>
<style type="text/css">
p.small {line-height:90%;}
p.big {line-height:200%;}
</style>
</head>

<body>
<p>
Это параграф со стандартной высотой строки.
Высота строки в большинстве браузеров составляет от 110% до 120% от высоты шрифта.
Это параграф со стандартной высотой строки.

Это параграф со стандартной высотой строки.
Высота строки в большинстве браузеров составляет от 110% до 120% от высоты шрифта.
Это параграф со стандартной высотой строки.
</p>

<p class="small">
Это параграф с уменьшенной высотой строки.
Это параграф с уменьшенной высотой строки.
Это параграф с уменьшенной высотой строки.

Это параграф с уменьшенной высотой строки.
Это параграф с уменьшенной высотой строки.
Это параграф с уменьшенной высотой строки.
</p>

<p class="big">
Это параграф с увеличенной высотой строки.
Это параграф с увеличенной высотой строки.
Это параграф с увеличенной высотой строки.

Это параграф с увеличенной высотой строки.
Это параграф с увеличенной высотой строки.
Это параграф с увеличенной высотой строки.
</p>

</body>
</html>

Результат в окне браузера

Это параграф со стандартной высотой строки. Высота строки в большинстве браузеров составляет от 110% до 120% от высоты шрифта. Это параграф со стандартной высотой строки. Это параграф со стандартной высотой строки. Высота строки в большинстве браузеров составляет от 110% до 120% от высоты шрифта. Это параграф со стандартной высотой строки.

Это параграф с уменьшенной высотой строки. Это параграф с уменьшенной высотой строки. Это параграф с уменьшенной высотой строки. Это параграф с уменьшенной высотой строки. Это параграф с уменьшенной высотой строки. Это параграф с уменьшенной высотой строки.

Это параграф с увеличенной высотой строки. Это параграф с увеличенной высотой строки. Это параграф с увеличенной высотой строки. Это параграф с увеличенной высотой строки. Это параграф с увеличенной высотой строки. Это параграф с увеличенной высотой строки.

К примерам CSS >> В раздел CSS >> На главную >>