position: relative;
The above box has position: relative;
Note how the div.relative
element appears in the normal flow of document.
Then the element is placed relative to itself depending on the values of top, right, left, bottom
.
In the above example, the box is placed
div.relative {
position: relative;
left: 50%;
top: 5em;
}