position:relative

Теперь укажем для третьего абзаца значение relative. Можно перемещать третий абзац относительно его расположения по умолчанию с помощью свойств top, left, right, bottom. Обычно желаемого результата можно добиться с помощью одних только top и left. Например, такое правило:

p#specialpara {position:relative; top:30рх; left:20px;}

Теперь абзац смещен на 30 пикселов вниз и на 20 пикселов вправо. Однако как вы заметили, положение остальных элементов не изменилось. При этом важно помнить, что при смещении элемента вы должны убедиться, что для этого в разметке достаточно места. В нашем примере для смещения третьего абзаца необходимо добавить верхнее поле к четвертому абзацу размером 30 пикселов или более, чтобы сдвинуть его вниз, - это предотвратит наложение третьего абзаца на четвертый.




Rambler's Top100