# Flexbox: margin: auto

margin: auto on a flex item absorbs all available free space in that direction.

### Last item pushed to the right (margin-left: auto)

Logo
Nav 1
Nav 2
Login

### First item pushed to the right (margin-right: auto)

Home
Profile
Logout

### Item centered with margin: auto

Left
Centrado
Right

### In column: margin-top: auto pushes to the bottom

Top
Middle
Bottom

### Separate groups with margin-left: auto

A
B
X
Y