Flex item

A direct child of a flex container.

What is a flex item?

A flex item is a direct child of a flex container. Flexbox sizes and places it.

.nav { display: flex; }
.nav a { padding: 8px 12px; }   /* each link is a flex item */

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026