Descrizione lunga per esempio di barra di sostituzione

Questo diagramma illustra l'uso del posizionamento assoluto per creare of absolute un effetto di barra di sostituzione. La barra di sostituzione (rappresentata nell'immagine da due trattini) appare nello spazio di 10px alla sinistra del paragrafo.

L'illustrazione mostra una linea verticale che rappresenta il limite sinistro del blocco contenitore del paragrafo. Il testo del paragrafo (in nero) spostato di 10px dal suo limite (mostrato nel diagramma). Le barre di sostituzione (due trattini rossi) appaiono alla sinistra della parola "THIS", che apre la quarta riga del testo.

Il seguente elemento PRE simula l'esempio. Le barre verticali rappresentano il limite sinistro del blocco contenitore.

|   I used two red hyphens to serve 
|   as a change bar. They will "float"
|   to the left of the line containing 
| --THIS word.

Ritorna all'immagine.