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

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

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

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/justify-content