Descrizione lunga per esempio di flusso relativo

Questo diagramma illustra gli effetti del posizionamento relativo.

Viene mostrata la finestra di un documento, con 8 righe (numerate da 1 a 8), ciascuna alta 24px. Il testo del riquadrato "outer" (alla fine della riga 1, a metà della riga 2, e a metà della riga 3) è spostato verso l'alto di 12px. Il testo del riquadrato "inner", che si supponeva essere anche lui spostato verso l'alto, è stato posizionato in modo relativo, in modo tale da trovarsi nella sua normale posizione di flusso alla fine della riga 2.

Nel seguente elemento PRE, ogni riga di 24 pixel viene simulata con due righe, la seconda che comincia col numero appropriato. Le righe, come appaiono nell'immagine, contengono:

                             Start 
1 Beginning of body contents.

2 of outer contents. 
                     Inner contents.
3
  End of outer contents.
4                    End of body

5 contents.

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

Ritorna all'immagine.