Для придания тексту более удобной для чтения формы, применяют приём разделения длинного текста на абзацы, причём, в каждом абзаце первая строка имеет некоторый отступ слева. Чтобы добиться автоматического формирования таких отступов, можно вставить вот такой код в таблицу HTML перед открывающим элементом <head>.

<style type=»text/css»>
p {text-align: justify; text-indent: 15px}
</style>

Иногда возникает необходимость применить отступ в отдельном блоке, например, в подзаголовке сайта (снимок ниже).

В этом случае, в таблице стилей разыскиваем нужный блок, на снимке ниже, это: #site-description, и вписываем в него следующую строчку: text-indent: 1em; .

Числовые значения можно указывать в пикселах (10px) — фиксированный размер, в процентах (3%) и и в эмах (em) — размеры изменяемые относительно размера окна монитора, зависит от вёрстки шаблона сайта. В резиновой вёрстке чаще используют (em) и (%).

Поделиться ссылкой: