CSS column-span property

Description

CSS column-span property decides whether an element should span the columns or not. We are applying this property to heading present in the content.

Syntax

column-span : none | all

Property values

noneDefault: The element does not span any column and becomes a part of a column.; column-span: none;
Try it
all: all value allows an element to span all the columns of the nearest parent element.; column-span: all;
Try it

Applicable to

It applies to multi-column container.

Preview

Code

CSS

.element{
width:300px;
height:auto;
border:1px solid black;
column-width:100px;
}
.heading{
column-span:all;	
}

HTML

<div class="element">
  CSS column-span property decides whether an element should span the columns or not
  <h3 class="heading">column-count</h3>  
  column-count distributes the content among those columns
 </div>

CSS3 Properties

Description

Syntax

Property values

Applicable to