Descrizione lunga di come i flottanti si sovrappongono ai riquadrati nel flusso normale

Questo diagramma illustra un'immagine flottante che si sovrappone ai bordi di un paragrafo nel flusso normale: i bordi del paragrafo sono ritagliati dalle parti non trasparenti dell'immagine. Il secondo paragrafo è spinto sotto al flottante dalla proprietà 'clear'.

Ci sono due paragrafi nel flusso normale, ciascuno circondato da un bordo rosso. Un'immagine flottata a sinistra fa si che le ultime tre righe del paragrafo superiore fluttuino lungo il suo lato destro. I bordi del paragrafo si vedono attraverso l'area di margine del riquadrato dell'immagine. Tuttavia la parte trasparente dell'area di contenuto dell'immagine li ritaglia.

Il secondo paragrafo fluisce normalmente, partendo da sotto il margine inferiore dell'immagine. Il margine superiore del secondo paragrafo è allungato fino ad incontrare il margine inferiore del precedente paragrafo.

Ritorna all'immagine.