CSS · Layout

flex

Lays children out in one dimension and distributes free space along the main axis.

cssRunnable example css course

Syntax

display: flex

Example

Try it

.demo { display: flex; gap: 8px; } .demo > span { padding: 6px 10px; background: #eef6ff; border-radius: 6px; }

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