📄️ block
Learn the behavior of block-level elements in CSS, including how they occupy full width, stack vertically, and fully respect all Box Model properties.
📄️ inline
Learn the behavior of inline-level elements in CSS, including how they flow horizontally, ignore explicit width/height settings, and only respect horizontal margins/padding.
📄️ inline-block
Understand how display: inline-block combines the horizontal flow of inline elements with the Box Model control of block elements, making it ideal for navigation and simple grids.
📄️ none
Learn about the display: none property for completely removing an element from the document flow and its key differences from visibility: hidden.
📄️ visibility
Learn about the CSS visibility property, specifically visibility: hidden, and how it hides an element visually while ensuring its space is reserved in the document layout.