Schemat ten przedstawia efekt użycia pola pływającego ("inner") oraz zachowanie jego elementów braci.

Widoczne jest okno dokumentu zawierające 8 linii (ponumerowanych od 1 do 8). Każda z nich ma wysokość 24 pikseli. Ponieważ pole "inner" spływa w prawo, cały pozostały tekst, włącznie z polem "sibling", otacza je (linie od 1 do 5).

W poniższym elemencie PRE każda 24-pikselowa linia jest symulowana przez dwie linie. Druga zaczyna się odpowiednim numerem. Pionowe kreski reprezentują lewą krawędź pływającego pola. Linie znajdują się na obrazie w następującym porządku:

1 Beginning of body contents. Start
2 of outer contents.     | Inner
3 Sibling contents. End  | contents.
4 of outer contents. End of body
5 contents.

Domyślny kolor tekstu to czarny. Tekst "Start of outer contents" jest czerwony. Tekst "Sibling contents" jest czerwony. Tekst "Inner contents" jest niebieski. Tekst "End of outer contents" jest czerwony.

Powrót do rysunku