
  Display controls **how elements behave**.
  
  ## Block
  - takes full width
  - starts new line
  
  ```css
  div {
    display: block;
  }
  ```
  
  ## Inline
  - stays in line
  - no width/height
  
  ```css
  span {
    display: inline;
  }
  ```
  
  ## Inline-block
  Best of both.
  
  ```css
  .box {
    display: inline-block;
    width: 100px;
  }
  ```
  
  ## None
  ```css
  .hidden {
    display: none;
  }
  ```
  
  ## Remember
  - block for layout
  - inline for text
  - inline-block for small UI pieces
  

Understand display types: block, inline, inline-block, none, and how layout changes visually.

CSS Display Property

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

CSS Display Property

Block

Inline

Inline-block

None

Remember

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add