The essentials of

Align-items: shared alignment for children

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

align-items sets shared item alignment; in flex it acts on the cross axis. In an icon-and-text row, center can align their centres.

Useful to know

align-items sets shared item alignment; in flex it acts on the cross axis. In an icon-and-text row, center can align their centres. [1]

This differs from aligning text baselines. For a typographic row, compare baseline too, and identify the cross axis again when the flex direction changes to a column.

Sources

For further detail and to check the information:

[1] MDN — CSS align-items ↗