CSS 2
Полное описание примера поплавка и обтекания текста
Диаграмма иллюстрирует, как текст обтекает вокруг поплавка, и особенно - как строчные боксы содержимого рядом с поплавком укорачиваются, чтобы дать пространство для бокса поплавка (включая поля). Код HTML в примере предшествует изображению. В документе-источнике элемент BODY содержит P, который содержит всплывающий влево img.
Вверху иллюстрации написано "max (BODY margin, P margin)", чтобы обозначить сжатие горизонтальных полей. Однако поле img'а не участвует в этом расчёте, поскольку img всплывает.
В левой части иллюстрации левые поля элементов BODY, P и img не сжимаются (вертикальные поля не сжимаются).
Текст параграфа обтекает img справа, начиная от сверху и справа от его (img) правого поля. Когда текст достигает нижнего поля img, он продолжает выводиться нормально, как в элементе P. Таким образом, строчные боксы вдоль вертикали поплавка укорочены.
