Для создания красной строки (отступа первой строки абзаца) в CSS используется свойство text-indent. 15
Некоторые особенности использования:
- Значение свойства может быть положительным, и тогда первая строка сдвигается вправо, или отрицательным, что сдвигает строку влево. 1
- В качестве значения можно использовать пиксели, em, rem и другие единицы размера CSS. 1
- Свойство работает только с блочными элементами, его нельзя применять к строчным элементам или вставляемому контенту, такому как картинки. 3
- Размер отступа, установленный в процентах, связан с шириной родительского элемента. 3 Например, если установлен отступ, равный 50%, и абзац занимает всю ширину окна браузера, то первая строка будет начинаться посередине экрана. 3
Кроме того, есть экспериментальные ключевые слова, которые не предусмотрены официально в спецификации CSS и могут использоваться для создания отступов в строках: 5
- hanging — инвертирует отступы в строках, добавляет отступ в каждой строке, кроме первой. 5
- each-line — добавляет отступы в каждой строке после принудительного разрыва строки (с помощью
). 5