Div Positioning

This sample has been created to understand the use of CSS "Position: Absolute" and "Position: Relative" property values to handle the nested Div positioning using CSS styles. All the nested Div tags placed inside the main outer Div tag container have CSS Position Property value set to "absolute" and other properties such as top, left, bottom, right have been used to set their location relative the outer div tag. See the sample below:

div position top left
div position top right
div position bottom left
div position bottom right