A centered reading column
This article is still in normal flow. Giving it max-inline-size and margin-inline: auto centers the whole column — the classic way to center a region before any layout system is involved.
Nothing on this page floats, flexes, or sits on a grid — this is plain document flow.
This paragraph is a block box. It fills the page width and stacks below the heading above it.
This second paragraph stacks below the first. Inside it, this strong text and this em text are inline boxes — outlined in red, each only as wide as its own content, flowing along the line.
This article is still in normal flow. Giving it max-inline-size and margin-inline: auto centers the whole column — the classic way to center a region before any layout system is involved.