• Страница 1 из 1
  • 1
Отступ текста при помощи text-indent в html
Kosten
Среда, 23 Октября 2019, 19:17 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Вероятно многие видели на сайте, где идет первая строка, то там перед ней выставлен отступ или пробел, что в этой статье разберем, как его можно сделать при помощи свойства CSS text-indent.

А точнее, если вы хотели бы оставить пробелы перед начальной строкой абзаца, это популярная практика, которая пременяется при описание. Как уже было сказано, что здесь поможет свойство text-indent, которое определяет длину пробела перед первой строкой.

Приступаем:

Чтоб было понятно, то будем создавать такой, как на изображение отступ.



HTML

Код
<div id="otstup-teksta">Здесь задаем отступ на 95 пикселей.</div>

CSS

Код
#otstup-teksta {
    background-color: #ececf3;
    text-indent: 95px;
}

Как видим, что в стилистике задали отступ первой строке, где также прописали background-color, что все описание выделяем, но это уже по ситуаций, где и по какому значению применяем описание.
Прикрепления: 5981511.png (19.1 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: