CSS3 FlexBox

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