CSS Position Basics

    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.