Оглавление

Вывод текста с отступом

Решение
Для добавления отступа от элемента до края контейнера последнему нужно задать свойство padding-left, как в следующем примере:

 

HTML:

<h1>Что такое XOOPS?</h1>
<p class="indent">XOOPS - это динамический OO ...</p>

CSS:

.indent {
padding-left: 1.5em;
}

Получившийся абзац с отступом можно увидеть на рис. 2.20.

 

Добавление отступа с помощью CSS

Рис. 2.20. Добавление отступа с помощью CSS

 

Обсуждение
Для создания отступов не стоит использовать HTML-тег <blockquote>, если текст не является в самом деле цитатой. Такая вредная привычка раньше прививалась программами визуального редактирования вроде Dreamweaver. Если вы применяете редакторы, использующие данный тег в описанных целях, то вместо этого следует задать CSS-правило, подобное тому, что было описано выше. Или же смените редактор.

 

Тег <blockquote> был создан для выделения цитат, что особенно важно для пользователей со слабым зрением, пользующихся экранными дикторами: программа воспроизводит текст, заключенный между этими
тегами, таким образом, что сразу становится ясно – это цитата. При использовании <blockquote> для создания отступов пользователям, воспринимающим страницу на слух, наверняка покажется странным, что
текст читается как цитата.

 

 

Совет
С красной строки. Можно создать отступ и только для первой строки каждого абзаца. Для этого к нему – или классу абзацев – нужно применить свойство text-indent:
p {
text-indent: 1.5em;
}
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити