CSS — Display & Position

The display and position properties control how elements behave on a page. The display property decides how an element is shown: block (takes up the full width), inline (fits in with text), or none (hidden). The position property allows you to move elements around the page. Common values are static (default), relative, absolute, fixed, and sticky. For example, fixed keeps an element visible even when you scroll, like a navigation bar at the top. Understanding these properties helps you design flexible and structured layouts.

.menu { display: block; position: fixed; top: 0; right: 0; }