Під обтіканням блоку текстом розуміють той самий ефект, який можна досягнути для графіки, коли картинка не розриває блок тексту, а вбудовується в нього. Текст у цьому випадку "обтікає" картинку з одного боку — там, де є вільне поле між границею сторінки (елемента) і картинкою. Обтікання картинки текстом від звичайного вбудовування картинки в текст документа відрізняється тим, що вздовж вертикальної границі картинки розташовується кілька рядків тексту, а не одна.
Обтіканням блоку тексту іншим текстом керують два атрибути CSS:float і clear.
Атрибут float визначає "плаваючий" блок тексту. Він може приймати значення:
- left — блок притиснутий до лівої границі охоплюючого елемента;
- right — блок притиснутий до правої границі охоплюючого елемента;
- both — текст може обтікати блок по обидва боки.
Проілюструвати обтікання дозволяє наступний приклад:
При використанні значення right блок тексту буде притиснутий вправо.
Другий атрибут опису стилів clear дозволяє керувати власне обтіканням. Він не допускає наявності "плаваючих" блоків біля блоку тексту. Атрибут може приймати значення: right, left, none, both:
