Приднестровская поддержка XOOPS
Решение
Для добавления отступа от элемента до края контейнера последнему нужно задать свойство padding-left, как в следующем примере:
HTML:
<h1>Что такое XOOPS?</h1>
<p class="indent">XOOPS - это динамический OO ...</p>
CSS:
.indent {
padding-left: 1.5em;
}
Получившийся абзац с отступом можно увидеть на рис. 2.20.
Рис. 2.20. Добавление отступа с помощью CSS
Обсуждение
Для создания отступов не стоит использовать HTML-тег <blockquote>, если текст не является в самом деле цитатой. Такая вредная привычка раньше прививалась программами визуального редактирования вроде Dreamweaver. Если вы применяете редакторы, использующие данный тег в описанных целях, то вместо этого следует задать CSS-правило, подобное тому, что было описано выше. Или же смените редактор.
Тег <blockquote> был создан для выделения цитат, что особенно важно для пользователей со слабым зрением, пользующихся экранными дикторами: программа воспроизводит текст, заключенный между этими
тегами, таким образом, что сразу становится ясно – это цитата. При использовании <blockquote> для создания отступов пользователям, воспринимающим страницу на слух, наверняка покажется странным, что
текст читается как цитата.
p { text-indent: 1.5em; }
Отправитель | Нити |
---|
7 пользователь(ей) активно (1 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 7 далее... |