The column-span property allows us to define how many columns and element will span across. 


selector { 

         column-span: 1 | all | initial | inherit;



Possible values for column-span property are:

  • 1; This is the default value and it simply makes element span across 1 column.
  • all; The element spans across all columns.
  • initialinherit


The column-span property used for a heading in a newspaper:


›› go to examples ››