CSS Master

margininaright-to-leftlanguage)ofatleast20pxtolielementswithinamulti-

columncontainer.

Anotheruse-caseformulticolumnlayoutsiswranglinglistsofcheckboxinputs.
Here,too,wecanmaximizetheuseofhorizontalspacetocreatemorecompact
forms,asshowninFigure4.33.

Figure 4.33. Utilizing horizontal space to create more compact forms

Usemulticolumnlayoutwhenyouhaveblocksofcontenttobeautomaticallydis-
tributedandevenlyspacedacrossseveralcolumns.Itisnotagreatchoicefor
overallpagelayouts.Itisagreatchoiceforcomponents.

Creating Flexible Layouts with Flexbox

Abetterchoiceforpagelayoutsisflexbox,ortheFlexibleBoxLayoutModule.^14
Flexboxprovidesaneasywaytoalignelementsandcreateflexiblecomponentsand
grids.

(^14) http://dev.w3.org/csswg/css-flexbox-1/
Complex Layouts 169