Horizontal Direction

Use .flex-row to make the flex items appear side by side (default):

Flex item 1
Flex item 2
Flex item 3

Use .flex-row-reverse to right-align the direction:

Flex item 1
Flex item 2
Flex item 3