Skip to content

Align & Justify

Elevate CSS features a pair of compound properties for setting the content alignment and justification of content or items for use with flexbox containers as well as grids. Note that in each of the properties, the modifier prefix determines whether the alignment is horizontal or vertical.


content Property Modifiers

PropertyExpected ValuesExample
contentjust-start,just-end,just-center,just-stretch,just-between,just-around,just-evenly,just-left,just-right,align-start,align-end,align-center,align-stretch,align-space-between,align-space-around,align-space-evenly,content:align-end


items Property Modifiers

PropertyExpected ValuesExample
itemsjust-start,just-end,just-center,just-stretch,just-baseline,just-self-start,just-self-end,align-start,align-end,align-center,align-stretch,align-baseline,align-self-start,align-self-end,items:just-baseline