CSS position

The position property controls how an element is positioned on the document.

The relative position property keeps the same position as the element would’ve been but allows it to be offset from that position using the top, left, right and bottom property:

.element {  
	position: relative;  
	top: 20px;  
}  

The absolute positioning property removes the element from the normal document flow and no space is created for the element in the page layout. It is positioned relative to its closest positioned anscestor, if any otherwise it is placed relative to the initial containing block.