Position

The position property determines how an element is placed on a web page. By default, elements stack naturally one after another. Changing the position allows you to move elements anywhere on the screen using top, bottom, left, and right coordinates.

Types of Position

1.Position:static (The Default)

This is the default value for every element. Elements just follow the natural vertical flow of the page. Moving properties (top, left, etc.) have no effect here.

.normal-text { position : static ; /* Even if you add left: 20px, it will NOT move */ }

Enter fullscreen mode

Exit fullscreen mode

2.Position:relative

The element stays in the normal page flow, but you can nudge it away from its original starting position without affecting the elements around it.…