Back to Tools
Flexbox Playground
Number of Items
4
flex-direction
row
row-reverse
column
column-reverse
flex-wrap
nowrap
wrap
justify-content
flex-start
center
flex-end
space-between
space-around
space-evenly
align-items
stretch
flex-start
center
flex-end
baseline
align-content (Multi-line)
stretch
flex-start
center
space-between
1
2
3
4
.container { display: flex; /* ... */ }
Copy CSS