Обтекание блока текста

Под обтеканием блока текстом понимают тот же эффект, который можно реализовать для графики, когда картинка не разрывает блок текста, а встраивается в него. Текст в этом случае "обтекает" картинку с одной стороны — там, где есть свободное поле между границей страницы (элемента) и картинкой. Обтекание картинки текстом от обычного встраивания картинки в текст документа отличается тем, что вдоль вертикальной границы картинки располагается несколько строк текста, а не одна.

Обтеканием блока текста другим текстом управляют два атрибута CSS: float и clear.

Атрибут float определяет "плавающий" блок текста. Он может принимать значения:

left — блок прижат к левой границе охватывающего элемента;

right — блок прижат к правой границе охватывающего элемента;

both — текст может обтекать блок с обеих сторон.

Проиллюстрировать обтекание позволяет следующий пример:

Рис. 10.

При использовании значения right блок текста будет прижат вправо.

Рис. 11.

Второй атрибут описания стилей clear позволяет управлять собственно обтеканием. Он не допускает наличия "плавающих" блоков около блока текста.

Атрибут может принимать значения: right, left, none, both:

Рис. 12.