HORIZONTALLY PACK OBJECTS WITHIN A FLEXIBLE BOX

You can pack box-children together on one side of the horizontal axis of the Flexible Box Model. This will enable you to force child objects to appear on the left, right, centered, or justified across the forced width of a flexible box.

The term forced width refers to setting the min-width or width properties of the box-parent object to be larger than the natural width, or the width produced solely by the box-children. Forced width implies whitespace within the Flexible Box Model, and packing involves placement within that whitespace.

Note that horizontally packing objects is pointless if you employ the box-flex property to stretch one or more box-children to the entire width of a flexible box: ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.