Relative positioning moves an element relative to its original position.
_______________ "left:20" shifts the element 20 pixels to the right (internal style sheet)
_______________ "left:-20" shifts the element 20 pixels to the left (external style sheet)
Absolute positioning moves an element with respect to the left border
<-- that border!
This is 20 pixels to the right of the left border of the window (inline style sheet)
Experiment with other elements (img, table, p, form elements etc.) and use the three styles shown in here. Try also combining it with align attributes (ie center, right and left).
If your browser is Konqueror (3.2.3), the green text would be above the first line in this document. It is recommended to view this page in another browser also.