Flex With Flexbox
The justify-content property is used to align the flex items along main axis
justify-content: flex-start
Item 1
Item 2
Item 3
Item 4
Item 5
justify-content: flex-end
Item 1
Item 2
Item 3
Item 4
Item 5
justify-content: flex-center
Item 1
Item 2
Item 3
Item 4
Item 5
flex-direction: column justify-content: flex-center
Item 1
Item 2
Item 3
Item 4
Item 5
flex-direction: column justify-content: flex-between
Item 1
Item 2
Item 3
Item 4
Item 5
justify-content: space-around
Item 1
Item 2
Item 3
Item 4
Item 5
justify-content: space-between
Item 1
Item 2
Item 3
Item 4
Item 5