Syntax

justify-content

Controlling how items are aligned along its main axis.

Overview

ClassDeclarations
justify-content:`justify`justify-content: `justify`;
justify-normaljustify-content: normal;
justify-leftjustify-content: left;
justify-centerjustify-content: center;
justify-rightjustify-content: right;
justify-stretchjustify-content: stretch;
justify-startjustify-content: start;
justify-endjustify-content: end;
justify-flex-startjustify-content: flex-start;
justify-flex-endjustify-content: flex-end;
justify-aroundjustify-content: space-around;
justify-betweenjustify-content: space-between;
justify-evenlyjustify-content: space-evenly;

Apply conditionally

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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy