
        Position controls **where an element lives** on the page.
        
        ## Position types
        - static (default)
        - relative
        - absolute
        - fixed
        - sticky
        
        ## Static
        Normal document flow.
        
        ## Relative
        Moves relative to itself.
        
        ```css
        .box {
          position: relative;
          top: 10px;
        }
        ```
        
        ## UI imagination
        Box moves slightly but keeps its space.
        
        ## Real-world use
        Minor adjustments without breaking layout.
        

Understand CSS position types clearly: static, relative, absolute, fixed, and sticky with real-world behavior.

CSS Position Basics

Learn CSS for styling modern websites: layouts, flexbox, grid, responsive design, and animations.

CSS Position Basics

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add