Syntax

justify-content

Controlling how items are aligned along its main axis.

Class	Declarations
justify-content:`justify`	justify-content: `justify`;
`justify-normal`	`justify-content: normal;`
`justify-left`	`justify-content: left;`
`justify-center`	`justify-content: center;`
`justify-right`	`justify-content: right;`
`justify-stretch`	`justify-content: stretch;`
`justify-start`	`justify-content: start;`
`justify-end`	`justify-content: end;`
`justify-flex-start`	`justify-content: flex-start;`
`justify-flex-end`	`justify-content: flex-end;`
`justify-around`	`justify-content: space-around;`
`justify-between`	`justify-content: space-between;`
`justify-evenly`	`justify-content: space-evenly;`

Apply styles based on different states using selectors and conditional queries.

<div class="justify-content:normal:hover justify-content:normal@sm justify-content:normal@dark justify-content:normal@print">…</div>

Controlling whether an element should create a new stacking context.

Controlling how items are aligned along its inline axis.

Overview