display: flex

Flex Row (Default)

Item 1
Item 2

Flex Row - Center Justified

Item 1
Item 2

Flex Row - Flex-End Justified

Item 1
Item 2

Flex Row - Space Between Justified

Item 1
Item 2

Flex Row - Gap 8px

Item 1
Item 2

Flex Row - row-reverse

Item 1
Item 2

Flex Row - flex-grow: 1

Item 1
Item 2

References

For a great primer on css flex box, checkout the guide from css-tricks