Text indent css что это?

Для красной строки у абзаца используется text-indent. Например, .article p { text-indent: 1.5em; } сдвинет начало первой строки каждого подходящего абзаца. Значение em зависит от размера шрифта элемента: при 18px получится 27px. Остальные строки останутся у обычного начала области текста, поэтому это отличается от padding-left, который сдвигает содержимое целиком. Свойство относится к началу строки по направлению письма, а не обязательно к физическому левому краю во всех языках. Если у статьи есть вложенные подписи и служебные блоки, задавайте правило достаточно точно. Text-indent наследуется, поэтому широкое объявление на общей обертке может повлиять на текст глубже в дереве. Ненужный отступ у конкретного абзаца можно убрать через text-indent: 0. Для выступа первой строки допустимы отрицательные значения, но с ними нужно оставить место, иначе текст окажется за краем контейнера или будет обрезан. Промежуток между абзацами регулируйте отдельно через margin, поскольку красная строка и вертикальное расстояние решают разные задачи. Не добавляйте в начало текста пробелы ради визуального эффекта: они являются содержимым и зависят от white-space. Если хочется сместить весь абзац относительно иллюстрации или соседней колонки, выбирайте отступы или раскладку, а не text-indent. После настройки проверьте абзац с одной строкой и длинный абзац с несколькими переносами. В обоих случаях начало текста должно совпасть с вашим замыслом, а полезные слова не должны уходить за границы.