CSS Master

Figure 4.27. How an h1 element fits into the multicolumn layout flow

Heretheh1element(thearticleheadline“Dogbitesman...”)ispartofthemulti-

columnlayoutflow.Itsitswithinacolumnbox,wrappingasappropriate.Nowlet’s

addcolumn-span: all:^10

article > h1 {

-webkit-column-span: all;

column-span: all;

}

ThisgivesusthelayoutshowninFigure4.28,withaheadlinethatspansboth

columns.

(^10) Firefox ≤ 41 is without support for column-span,evenwithaprefix.
162 CSS Master