В помощь верстальщику: Статьи - Врезки к статьям и CSS

      Мы постоянно встречаем информационные блоки, визуально выделенные и по смыслу оторванные от основного содержания. И это не особая прихоть верстальщиков, так называемые врезки используются уже давно.

      Врезкой называется блок с дополнительной информацией к основной статье. Врезку можно использовать не только для пояснения, но и для разного рода дополнительной информации, которая может быть весьма косвенно связана со статьей. Одной из важнейших функций врезок является временное отвлечение читателя от содержания основного текста, переключение внимания на сопутствующую информацию.

      Веб-мастер может получить дополнительную выгоду при использовании врезки, размещая справочную информацию по рассматриваемому вопросу (например, ссылки или адреса).

      Немного о технической стороне подготовки врезок.

      Элемент веб-страницы со свойством float становится блочным элементом, вырываясь из общего потока. Директива CSS «float: right;» прикрепит врезку к правой стороне родительского блока, а прочие элементы станут обтекать ее слева. Background-color определит фоновый цвет врезок, визуально выделяя ее из текста статьи и привлекая внимание читателей.