Web-Programming.in.ua

Відступ параграфу через CSS

Читаючи якийсь журнал, книгу або журнал, Ви помічали багато параграфів... В цій статті я покажу Вам, як задати відступ параграфу на CSS.

Параграф створюється за допомогою тегу <p>. Кожен параграф повинен бути оформлений цим тегом.

Для того, щоб зробити відступ достатньо написати такий CSS код:

p {
    text-indent: 11px;
}

HTML:

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et</p>

В цьому прикладі ми задаємо відступ 11px. Ви можете вибрати оптимальне для свого сайту значення.

Ось таким простим способом ви можете задати відступ будь якого параграфу на CSS.

Результат роботи можна переглянути тут: http://examples.web-programming.in.ua/text-indent_css

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору