Align.css Examples
Flex direction: row
Justified to start .line or .line.justify-start
Justified to end .line.justify-end
Horizontally centered .line.h-centered
Spaced between .line.justify-between
Spaced around .line.justify-around
Spaced evenly .line.justify-evenly
Totally centered .line.centered
Aligned to top .line.align-start
Aligned to bottom .line.align-end
Vertically centered .line.v-centered
Reversed .line.reverse
Flex direction: column
Justified to start .column or .column.justify-start
Justified to end .column.justify-end
Vertically centered .column.v-centered
Spaced between .column.justify-between
Spaced around .column.justify-around
Spaced evenly .column.justify-evenly
Totally centered .column.centered
Aligned to left .line.align-start
Aligned to right .line.align-end
Horizontally centered .line.h-centered
Reversed .column.reverse
Align items individually
Start .item-start
, center .item-center
, end .item-end