Flex

Flex is a layout model for CSS that has abilities to control the sizing and positioning of boxes and their contents and place them either horizonatally and vertically.

Horizontal Flex items

item 1
item 2
item 3
item 4

Vertical Flex items

item 1
item 2
item 3
item 4

Flex box with centered content

Centered