FlexBox is a way to align and space - even size - items in a flexible way. The main, required, styling is applied to the containing element, with optional additional styling which can be applied to all, or specific, child elements depending on the situation. It has partial support in IE 10 and upwards, with a few kinks in Firefox and Android, but is fast being utilized for its strengths in flexible, responsive designs.
This flexbox CSS generator provides a visual way to try out some of the options.
Change the settings above in order to generate the FlexBox CSS.