Justifying items to the right in Flexbox
css-sass/flexbox-justify-item.md
Jul 25, 2019
- There appears to be no way of justifying a single flex-item to the right
- There is
justify-content
, which juystifies all flex items inside a container
- There is a CSS property called
justify-self
which can take values such as start
and end
, but it is ignored in flexbox and table cell layouts
- You can’t
float
inside a flex container because the property does not apply to flex boxes
- If two flex items are on the same level, you can use
justify-content: space-between
to move one to the left and the other to the right
justify-content: space-between
only works if there is enough space to move around items, meaning if it is not working for you, check the width of the parent container
Links