Решение
Для добавления отступа от элемента до края контейнера последнему нужно задать свойство 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;
}