Flex - position one element

[RachelR]

Hi

I have a demo here - http://cssdeck.com/labs/meyr0401

I have a container with display flex which places both elements next to each other at the left side.

I can position both at the left, center or right but can I position the second element (three) on the right and have the first element ( One with a longer title) on the left with flex

[RachelR]

Worked it out

http://cssdeck.com/labs/meyr0401

[PaulOB]

Yes if you use a horizontal auto margin on a flex item it will take up all the available space and push the element as far left or right as it will go (depending on which side you place the auto).