CSS column-span

The column-span property in CSS allows you to specify how many columns an element should span in a multi-column layout. This property is particularly useful when you want certain elements to span across multiple columns in a multi-column layout.

Let's see how the column-span property works with some examples:

    

      This element spans across all columns.
    
    

      This is a regular element in a multi-column layout.
    
    

      Another regular element in a multi-column layout.
    

In this example, the first element has a column-span: all; property which allows it to span across all columns in the multi-column layout, while the other elements only occupy a single column each.