Preceeding text
This element is positioned with static (i.e. it is in the normal flow of the document).

This element is positioned with relative (i.e. it is offset from its position in the normal flow of the document).

position: relative; left: 200px; top: 200px;

Following text

This element is positioned with absolute (i.e. it is absolutely positioned from its containing block and removed from the normal flow of the document).

position: absolute; left: 200px; top: 200px;

Return to Tutorial