CSS column-fill property

Description

CSS column-fill property defines whether the content should fill the columns equally or sequentially.

column-fill : balance | auto

balanceDefault: It balances the content eqully between different columns.; column-fill: balance;
Try it
auto: It fills the content sequentially between columns.; column-fill: auto;
Try it

It applies to multi-column containers.

Code

CSS

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

HTML

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