HTML5: Your visual blueprint™ for designing rich web pages and applications

CREATE A VERTICAL FLEXIBLE BOX MODEL

To create a vertical Flexible Box Model, you must first create a parent object in HTML and then assign that object new CSS3 tags to indicate that it is a box and that it flows vertically:

display: box;
display: -moz-box;
display: -webkit-box;
box-orient: vertical;
-webkit-box-orient:vertical;
-moz-box-orient: vertical;

A vertical flexible box requires the same display: box declarations as its horizontal counterpart.

The box-orient property controls the axis that the Flexible Box Model displays its children on. If you are nesting vertical boxes together, you can also set the value of subboxes to inherit.

Note that because the Flexible Box Model is a CSS3 feature still in development, there are engine-specific ...