Свойство text-indent очень полезно, так как оно позволяет установить отступ первой строки блока текста, например абзаца <p>. Во всех книгах первая строка абзаца начинается с небольшого отступа («красной строки»).Можно указывать отрицательные значения, чтобы был выступ, а не отступ.
Возможные значения: <размер> | <проценты>
Значение по умолчанию: 0
Наследуется: да
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html> <html> <head> <title>CSS text-indent</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style> p { text-indent : 20px; } </style> </head> <body> <p> Жил-да-был как-то на одном берегу старик. И было у него три сына, две дочери, три козы и одна старуха. Бедно жил, мало ел, мало пил. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. </p> <p> Пошёл как-то старик в лес по грибы да ягоды. Долго ли коротко ли шёл. Много шёл. Вдруг набрёл на одну избушку. Ветхая была избушка, вся мхом поросшая. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст. Ещё текст.Ещё текст. </p> <p> <a href="https://urvanov.ru/2016/02/16/css-text-indent/">CSS text-indent</a> </p> </body> </html> |