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

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

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

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

left - блок прижат к левой границе охватывающего блок элемента,
rigth - блок прижат к правой границе охватывающего блок элемента,
both - текст может обтекать блок с обеих сторон.

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

Данный блок текста мы прижали
к левой границе раздела.
Он имеет рубеж шириной в
один пиксель и ширину в 30%
от ширины раздела. Размер шрифта обтекаемого блока текста специально уменьшен до 8-ми пикселей, дабы блок текста класснее выдавался на всеобщем фоне оглавления страницы.

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

Данный блок текста мы прижали
к правой границе раздела.
Он имеет рубеж шириной в
один пиксель и ширину в 30%
от ширины раздела. Размер шрифта обтекаемого блока текста специально уменьшен до 8-ми пикселей, дабы блок текста отличнее выдавался на всеобщем фоне оглавления страницы.

2-й признак изложения жанров clear разрешает руководить собственно обтеканием. Он воспрещает присутствие плавающих блоков около блока текста. Признак может принимать значения: right, left, none, both:

<p style='clear:right;text-align:justify;'>У этого блока текста не может быть \"плавающего\" правого блока, т.к. мы его запретили. По этой причине он начинается ниже прижатого вправо ограниченного блока.</p>

Интерпретации clear в NN и IE различаются.

далее...