Rysunek ten ilustruje, jak tekst otacza pływający element oraz jak pola liniowe znajdujące się obok takiego elementu zostają skrócone, aby zrobić dla niego miejsce. Kod HTML znajduje się przed rysunkiem. W kodzie tym element BODY zawiera element P, który z kolei zawiera element IMG spływający w lewo.

Napis "maks. (BODY margin, P margin)" znajdujący się na górze oznacza, że marginesy pionowe zostały scalone. Jednak margines elementu IMG nie wlicza się do tego, ponieważ element jest pływający.

Po lewej stronie ilustracji marginesy lewe elementów BODY, P oraz IMG nie zostały scalone (marginesy poziome nie są scalane).

Tekst akapitu opływa obraz IMG po prawej stronie. Po przejściu za dolną krawędź obrazu IMG, tekst wraca do normalnego układu w elemencie P. Zatem pola liniowe znajdujące się obok elementów pływających są skracane.

Powrót do rysunku