CSS · Layout

align-items

Aligns items on the cross axis of a flex container.

cssRunnable example css course

Syntax

align-items: center

Example

Try it

.demo { display: flex; align-items: center; gap: 8px; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.