Эта диаграмма иллюстрирует применение безусловного позиционирования для создания результата сменяющих друг друга изображений. Баннер (представленный на изображении двумя дефисами) возникает в пространстве размером 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.