Свойство text-indent устанавливает величину отступа первой строки в элементе.
Это свойство применимо к блочным элементам.
Значение свойства text-indent
Значение задается в единицах длины, принятых в CSS (подробнее здесь...) или в %,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- 0
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство text-indent </title>
<style type="text/css">
p{width:550px; border:#FF9900 solid 2px; padding:5px;}
</style>
</head>
<body>
<p style="text-indent:50px;"> Отступ первой строки этого абзаца составляет 50 пикселей. Вторая строка, как видите, отступа не имеет. </p>
<p style="text-indent:15%;"> Отступ первой строки от левого края абзаца составляет 25% от ширины блока. </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство text-indent </title>
<style type="text/css">
p{width:550px; border:#FF9900 solid 2px; padding:5px;}
</style>
</head>
<body>
<p style="text-indent:50px;"> Отступ первой строки этого абзаца составляет 50 пикселей. Вторая строка, как видите, отступа не имеет. </p>
<p style="text-indent:15%;"> Отступ первой строки от левого края абзаца составляет 25% от ширины блока. </p>
</body>
</html>
Результат
