# 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.

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

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/formatting-context