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. It also acts as an anchor for absolute children.…