Using CSS3’s Flexible Box Model

CSS3’s flexible box model is ideal for structuring pages. It enables you to treat every child of an element as a box within that element and arrange the children horizontally or vertically. Here’s a very basic example in which the <body> element is used as a container for three children:
Now let’s use the CSS3 flexible box model to convert the three divisions within the body into flexible boxes:
display:box tells ...

Get The Complete Idiot's Guide® To HTML5 and CSS3 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.