CSS · Layout

align-self

Overrides align-items for a single flex item.

cssRunnable example css course

Syntax

align-self: flex-end

Example

Try it

.demo { display: flex; align-items: flex-start; gap: 8px; } .demo > :last-child { align-self: flex-end; }

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