Flexbox Problems

[SilverSerpent]

I am trying to use flexbox to create a simple navigation, I want the first item to be aligned all the way left and the rest all the way right. In this this pen I have it mostly set up but I cannot figure out how to get the “special” class to go all the way left. Am I going about this the wrong way with flexbox or is this really easy and am I just having a brain fart?

[ThatCat]

I don’t know if this can help you, but…

http://jsfiddle.net/o7eemk5w/

[SilverSerpent]

Thanks for the response! Interesting, I wouldn’t have thought about putting the last elements in reverse order, I’ll give it a shot!

[jurotek]

.special{margin-right:auto}

[ThatCat]

Anyway, I guess the @gcyrillus ‘s answer is better hahaha

[SilverSerpent]

Dang @gcyrillus, that is amazingly simple! I was definitely making it way too complicated haha. And I was setting the a to block because I prefer putting my padding on the a instead of the li to give more space to actually click the link and without block the top and bottom padding doesn’t apply (if I recall correctly a is by default an inline element). Thanks again!

[Author]

Posts