position

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

Values

static
Normal behavior. The top, right, bottom, and left properties do not apply.
relative
Lay out all elements as though the element were not positioned, and then adjust the element’s position, without changing layout (and thus leaving a gap for the element where it would have been had it not been positioned). The effect of position:relative on table-*-group, table-row, table-column, table-cell, and table-caption elements is undefined.
absolute
Do not leave space for the element. Instead, position it at a specified position relative to its closest positioned ancestor or to the containing block. Absolutely positioned boxes can have margins, they do not collapse with any other margins.
fixed
Do not leave space for the element. Instead, position it at a specified position relative to the screen’s viewport and doesn’t move when scrolled. When printing, position it at that fixed position on every page.

Example

<!DOCTYPE html>
<html>
    <head>
        <style>
            h2 {
                position: absolute;
                left: 100px;
                top: 150px;
            }
        </style>
    </head>
    <body>
        <h2>This is a heading with an absolute position</h2>
        <p>
            With absolute positioning, an element can be 
			placed anywhere on a page. The heading below 
			is placed 100px from the left of the page and 
			150px from the top of the page.
        </p>
    </body>
</html>