CSS Absolute Position

    Absolute positioning removes element from normal flow.
    
    ## Important rule
    Absolute positions **relative to nearest positioned parent**.
    
    ## Example
    ```css
    .parent {
      position: relative;
    }
    
    .child {
      position: absolute;
      top: 10px;
      right: 10px;
    }
    ```
    
    ## UI imagination
    Badge on corner of card.
    
    ## Real-world example
    - Notification badges
    - Close buttons
    - Icons inside cards
    
    ## Common mistake
    Forgetting to set parent position.