popsition relative css

1/*position: relative;
2An element with position: relative; is positioned relative to its normal position.
3
4Setting the top, right, bottom, and left properties of a relatively-positioned
5element will cause it to be adjusted away from its normal position. Other 
6content will not be adjusted to fit into any gap left by the element.*/
7div.relative {
8  position: relative;
9  left: 30px;
10  border: 3px solid #73AD21;
11}

1h2.pos_left {
2  position: relative;
3  left: -20px;
4}
5
6h2.pos_right {
7  position: relative;
8  left: 20px;
9}

1An element with position: relative; is positioned relative to its normal position. Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.