CSS column-gap property

Description

CSS column-gap defines the space between two columns. And column-rule will appear in the middle (if present) of gap.

Negative values are not allowed.

column-gap : normal | +ve length

normalDefault: It defines normal length i.e. 1em gap between columns.; column-gap: normal;
Try it
+ve length 50: +ve length defines space between two columns. 50px means there is 50px space between two columns.; column-gap: 50px;
Try it

It applies to multi-column container.

Code

CSS

.element{
width:300px;
height:150px;
background-color: lightgreen;
column-count:4;
}

HTML

<div class="element">
   column count represents the number of columns and distributes the content among those columns
 </div>