Align content

Spaces out the rows of wrapped items.

What does align-content do?

align-content spaces out the lines of a wrapping flex (or grid) container, when there is extra room across them.

.tag-cloud { display: flex; flex-wrap: wrap; height: 300px; align-content: flex-start; }

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026