Как добавить текст средствами CSS

Бывает, что необходимо добавить небольшой текст в блок

Есть псевдо-элементы :before и :after, с их помощью можно добавлять произвольный контент к селекторам.

Пример:

Код:
p:before {
content: url(img/pic.jpg);
}

— картинка перед блоком

Код:
p:after {
content: » — любой текст после блока.»;
}

Поддерживается всеми, кроме IE ДО 8.

Прокрутить вверх