Descrizione lunga di un esempio che illustra il float

Questo diagramma illustra gli effetti del far flottare un riquadrato.

Viene mostrata la finestra di un documento, con 8 righe (numerate da 1 a 8), ciascuna alta 24px. Poichè il riquadrato "inner" è stato flottato sulla destra, tutto il testo rimanente gli fluisce intorno (sulle righe da 1 a 4).

Nel seguente elemento PRE, ogni riga di 24 pixel viene simulata da due righe, la seconda che comincia col numero appropriato. Le barre verticali rappresentano il limite sinistro del riquadrato flottato. Le righe, come appaiono nell'immagine, contengono:


1 Beginning of body contents. Start 

2 of outer contents. End | Inner

3 of outer contents. End | contents.

4 of body contents.

Il colore predefinito del testo è nero. "Start of outer contents" è rosso. "Inner contents" è blu. "End of outer contents" è rosso.

Ritorna all'immagine.