<?xml version="1.0" encoding="utf-8"?>

CSS position property with the static value

CSS position property with the static value Bad Practice
CSS position property with the static value Best Practice

Static is the default value of the element's position property — it means that the browser will position the element according to the normal flow of the page. Such elements will be considered non-positioned, and they aren't affected by the top, bottom, left, right, and z-index properties. Elements with position value other than static are considered positioned elements.

In the example, the yellow inline element with position: static; stays in line with other inline elements.

Improve your UX & Product skills with interactive courses that actually work