CSS3 FlexBox


Flexbox layout creates the new CSS box like layout where contents are located within. Test out our tools to see the power of Flexbox.

First Box
Second Box
Third Box

Box Orient

Box Pack

Box Direction

Box Align

Box Ordinal Group

Box Flex

Generated CSS:

Supported Browsers

At the time of writing the following browsers support CSS3 FLEX:

Browser Supports CSS3 FLEX?
Firefox 18+ Full Support
Firefox 1-17 No
Safari 6.1+ Full Support
Safari 1-6 No
Chrome 21.0+ Full Support
IE10+ Full Support
Opera 12.10+ Full Support