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

CREATE A HORIZONTAL FLEXIBLE BOX MODEL

To create a horizontal 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 horizontally:

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

The display property is assigned a new value, aptly named box. This activates the box properties described throughout this chapter. There are no HTML5 tags that imply the display: box declaration automatically, so you must specify it whenever you want to use the Flexible Box Model.

The box-orient property controls the axis the box-children are displayed on. If unspecified, the ...