Эта диаграмма иллюстрирует использование абсолютного позиционирования для создания эффекта сменяющих друг друга изображений. Баннер (представленный на изображении двумя дефисами) появляется в пространстве размером 10px слева от параграфа.
На иллюстрации показана вертикальная линия, обозначающая левый край содержащего блока параграфа. Текст параграфа (чёрный) смещён на 10px от этого края (показано на диаграмме). Баннеры (два красных дефиса) появляются слева от слова "THIS", которым начинается четвёртая строка текста.
Следующий элемент PRE симулирует пример. Вертикальные линии обозначают левый край содержащего блока.
| I used two red hyphens to serve | as a change bar. They will "float" | to the left of the line containing | --THIS word.