Schemat ten przedstawia efekt użycia pola pływającego ("inner") oraz zachowanie jego elementu brata zepchniętego na dół przez własność ‚clear’.

Widoczne jest okno dokumentu zawierające 8 linii (ponumerowanych od 1 do 8). Każda z nich ma wysokość 24 pikseli. Tekst znajdujący się przed polem "inner" pływa w linii 1 i w połowie linii 2. Pole to spływa w prawo i zajmuje drugą połowę linii 3 i 4. Pole elementu brata pływa w następnej linii (4). Za nim znajduje się reszta tekstu.

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                        | contents.
4 Sibling contents. End of outer
5 contents. End of body 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