Este diagrama ilustra el uso del posicionamiento absoluto para crear el efecto de barra de cambio. La barra de cambio (representada por dos guiones en la imagen) aparece en el espacio de 10px a la izquierda del párrafo.
La ilustración muestra una línea vertical que representa el borde izquierdo del bloque de contención del párrafo. El texto del párrafo (en negro) es desplazado 10px desde su borde (mostrado en el diagrama). Las barras de cambio (dos guiones rojos) aparecen a la izquierda de la palabra "ESTA" que comienza la cuarta línea de texto.
El siguiente elemento PRE simula el ejemplo. Las barras verticales representan el borde izquierdo del bloque de contención.
| Uso dos guiones rojos para que actúen | como barra de cambio. Ellos "flotan" | a la izquierda de la línea que contiene | --ESTA palabra.