Back to contents
Axis alignment of flex container's items using justify-content
justify-content:flex-start (the default)
Number One
Number Two
Number Three
justify-content:flex-end
Number One
Number Two
Number Three
justify-content:center
Number One
Number Two
Number Three
justify-content:space-between
Number One
Number Two
Number Three
justify-content:space-around
Number One
Number Two
Number Three
Cross-axis alignment of flex container's items using align-items
align-items:stretch (the default)
Number One
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
Number Three