CSS Align Items

CSS Align Items — a practical guide to CSS align-items with clear examples you can reuse in real projects.

CSS Tutorial Series (62/109). Prefer one article? Read the complete CSS tutorial.

Short description

center is common for icon+label rows; stretch equalizes heights by default in many cases.

Align items

.row {
  display: flex;
  align-items: center;
}