← Back to Glossary

justify-content

Flexbox & Grid

Controls flex items alignment settings along container main axes.

Common Value Formats

justify-content: flex-start; Default left/top align
justify-content: center; Centered layout distribution
justify-content: flex-end; Right/bottom align distribution
justify-content: space-between; Equal spacers between elements
justify-content: space-around; Distributes spacer rings around elements

interactive-example.html

Live Preview