Описание примера смещенных черточек

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