CSS Master

Figure 4.31. Forcing a column break before an element

Webkit-andBlink-basedbrowsersuse-webkit-column-break-beforeand-webkit-

column-break-after.Bothpropertiesareholdoversfromanearlierversionofthe

specification.Forthoseproperties,thecolumnvalueisunsupported,sousealways

instead.Firefoxisyettosupportanyofthesevalues,orsupportavendor-prefixed

equivalent.

Optimizing the User Interface

Arrangingparagraphsoftextisn’ttheonlyusecaseformultiple-columnlayouts.

Wecanalsouseitwithliststomakeuseofhorizontalspace.Considerthelayout

showninFigure4.32.

166 CSS Master