← Back to Glossary

display

Display & Positioning

Establishes baseline layout container models, defining flow behaviors or turning on Flexbox/Grid formats.

Common Value Formats

  • display: block; Stacks vertically, fills width
  • display: inline; Flows side-by-side, ignores width/height
  • display: inline-block; Flows side-by-side, respects sizing
  • display: flex; Launches 1D flexbox formatting context
  • display: grid; Launches 2D grid layout context
  • display: none; Hides element and clears layout space
interactive-example.html
Live Preview