CSS Flexible Box Basic

The flexible box layout gives us a way of creating flexible boxes. It lets us align and distribute boxes vertically and horizontally as well as have boxes flex to use all available space. You can also display the elements in reverse order compared to how they are ordered in the markup.

Other examples in Flexible box (CSS3 Layout)
Result from the Online TryIt-Editor
chrome 1.0safari 1.3Firefox 1.0ie 5.0opera 5.0