text-indent

Свойство text-indent управляет отступом первой строки текста: либо вытягивает строку за пределы абзаца, либо утягивает её внутрь. Используется для выделения начала абзаца при плотном наборе без отступов между абзацами.

Строка смещается по горизонтали относительно начала строки.

Значение в пикселях:

        
          
          div {  text-indent: 20px;}
          div {
  text-indent: 20px;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Процент рассчитывается от ширины блока:

        
          
          div {  text-indent: 15%;}
          div {
  text-indent: 15%;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Значения ключевых слов:

Пример корректно отображается только в Safari. Он выглядит следующим образом:

Ключевые слова являются экспериментальными и официально не предусмотрены в спецификации CSS.

• hanging — инвертирует отступы в строках. Добавляет отступ в каждой строке, кроме первой.
• each-line — добавляет отступы в каждой строке после принудительного разрыва строки (с помощью <br>).

Значение свойства можно задать в любых единицах измерения включая проценты. Во втором случае размер отступа будет зависеть от ширины блока, содержащего текст. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.