Relative Positioning

From GRC 275 Assignment 6 Handout:

An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position.


From http://www.w3schools.com/css/tryit.asp?filename=trycss_position_relative

Relative positioning moves an element RELATIVE to its original position. The style "left:-20px" subtracts 20 pixels from the element's original left position. The style "left:20px" adds 20 pixels to the element's original left position.

Normal Position

Left Position

Right Position