Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> div.a { line-height: 10px; } div.b { line-height: 50px; } div.c { line-height: 0.5cm; } div.d { line-height: 1cm; } div.e { line-height: 200%; } div.f { line-height: normal; } </style> </head> <body> <h2>Пример свойства line-height</h2> <h3>line-height: 10px</h3> <div class="a">Параграф с указанной высотой строки.<br> Высота строки равна 10 px. </div> <h3>line-height: 50px</h3> <div class="b">Параграф с указанной высотой строки.<br> Высота строки равна 50 px. </div> <h3>line-height: 0.5cm</h3> <div class="c">Параграф с указанной высотой строки.<br> Высота строки равна 0.5 cm. </div> <h3>line-height: 1cm</h3> <div class="d">Параграф с указанной высотой строки..<br> Высота строки равна 1 cm. </div> <h3>line-height: 200%</h3> <div class="e">Параграф с большей высотой строки.<br> Высота строки равна 200%. </div> <h3>line-height: normal</h3> <div class="f">Параграф со стандартной высотой строки.<br> Стандартная высота строки в большинстве браузеров может быть от 110% до 120%. </div> </body> </html>