Align items

Lines items up along the cross axis, like centered.

What does align-items do?

align-items lines items up along the cross axis: top, center, bottom, or stretched to fill.

.user-row { display: flex; align-items: center; }   /* avatar and name centered vertically */

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026