Formatting context

An area with its own layout rules, like block, inline, flex or grid.

What is a formatting context?

A formatting context is an area with its own layout rules: blocks stacking, inline text flowing, or a flex or grid layout.

.toolbar { display: flex; }   /* creates a flex formatting context for its children */

Level: Master · More CSS terms at this level

Updated September 27, 2026