CSS Display

Display Property

• block: starts on a new line, full width.
• inline: flows within text.
• inline-block: inline flow but accepts width/height.
• flex: enables flexbox layout.
• grid: enables grid layout.

Visibility vs. Display

display: none removes element from layout; visibility: hidden hides but retains space.

Examples

div { display: inline-block; width: 100px; }

nav { display: flex; gap: 10px; }