#13 Display Properties in CSS
`display: block`: Makes an element a block-level element, taking up the full width available (e.g., `div`).
`display: inline`: Makes an element inline, not breaking the flow of text and only taking up as much width as needed (e.g., `span`).
`display: inline-block`: Combines block and inline behaviors, allowing width and height to be set without breaking the text flow.
`display: none`: Hides the element completely from the page, without affecting layout.
`display: flex`: Applies Flexbox layout, making it easy to align and distribute space among items in a container.
`display: grid`: Applies Grid layout, enabling a grid-based design with rows and columns.