Существует традиция, в наши дни уже не такая общепринятая, начинать первую строку абзаца с отступом. Некоторые же текстовые блоки, такие как определения, обычно выносят первую строку влево, создавая то, что называется обратным или висячим отступом.
Свойство text indent стандарта CSS2 позволяет начинать абзац с красной строки или с висячего отступа, управляя величиной отступа первой строки в блоке. Применяйте с этим свойством длины и процентные значения. Отрицательные значения создают висячий отступ. Процентные – влекут за собой вычисление величины отступов в долях ширины
родительского элемента. По умолчанию значение свойства – ноль.
Чтобы выводить все абзацы в документе с красной строки, напишите, скажем:
p {text indent: 3em}
Использованная единица длины em масштабирует величину отступа в зависимости от размера шрифта на разных броузерах.
С висячими отступами дело обстоит хитрее, поскольку вам приходится следить за рамками элементов. Отрицательный отступ не смещает левого края текста, он просто сдвигает влево первую строку элемента, возможно, на поле, рамку или подложку родительского элемента. По этой причине висячие отступы работают в соответствии с ожиданиями, если вы сдвигаете левый край элемента вправо на такое же расстояние,
на какое строка выступает влево, или на большее. В частности:
p.wrong {text-indent: -3em}
p.hang {text-indent: -3em; margin-left: 3em}
p.large {text-indent: -3em; margin-left: 6em}
создает три стиля абзацев. Первый формирует висячий отступ, выходящий на левое поле. Второй вводит традиционный висячий отступ, а третий создает абзац, тело которого сдвинуто вправо больше, чем первая строка выступает влево. Посмотрите на все три стиля в действии.