Ce dessin montre une image flottante qui recouvre les bordures d'un paragraphe dans un flux normal : les bordures du paragraphe sont cachées par les parties non transparentes de l'image. Le second paragraphe est repoussé en-dessous du flottant par la propriété 'clear'.
Il y a deux paragraphes dans un flux normal, chacun d'entre eux ayant une bordure rouge. Une image flottant à gauche provoque le déplacement de l'écoulement des quatres premières lignes du premier paragraphe sur la droite du flottant. Les bordures du paragraphe sont visibles au travers de l'aire de marge de la boîte de l'image. Cependant, les parties non transparentes du contenu de l'image cachent les bordures.
Le second paragraphe s'écoule normalement, en commençant sous la marge du bas de l'image. La marge du haut du second paragraphe est étirée de manière à venir toucher la marge du bas du premier paragraphe.