The Position CSS Property

Specifying element position

By using the position CSS property, you can define how a certain HTML element is positioned in the document:

h2 {      
   position: absolute;      
   left: 100px;      
   top: 150px;   
}

The syntax for CSS position property

To define the element's position in CSS, you need to choose one out of five available values:

position: value;

The default value is static which means the position of the element depends on the flow of the document. All the available values are explained in the table below.

Property values for CSS positioning

Browser support

Mobile browser support