Justify content

Spreads items along the main axis: start, center, space-between.

What does justify-content do?

justify-content spreads items along the main axis: packed at the start, centered, or with space between them.

.header { display: flex; justify-content: space-between; }   /* logo left, menu right */

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026