CSS Flexbox Playground
Dark Mode
Copy HTML
Copy CSS
Add Item
Container Properties
Display
flex
inline-flex
Flex Direction
row
row-reverse
column
column-reverse
Justify Content
flex-start
flex-end
center
space-between
space-around
space-evenly
Align Items
stretch
flex-start
flex-end
center
baseline
Flex Wrap
nowrap
wrap
wrap-reverse
Item Properties
Select Item
Background Color
Text Content
1
✕
2
✕
3
✕
HTML
CSS