Exemple de code de la propriété CSS column-fill.

<style>
/* Affichage */
.groupe {
 border : 1px solid #666; 
 margin:5px; 
 padding:5px; 
}
.groupe p{
 margin:0; padding:0; 
}
.defaut {
   border : 1px dotted #666; 
}

.column-fill,
.column-fill-auto{
 column-count : 3; 
 cwidth : 20em; 
 height: auto; 
}

.column-fill{
 link-css=column-fillcolumn-fill/link-css : balance; 
}
.column-fill-auto{
 column-fill : auto; 
}
</style>
<div class="groupe column-fill-auto">
<p class="defaut ">varia animo tum miscente consili varia animo Cum haec  miscente consili</p>
</div>
<div class="groupe column-fill">
<p class="defaut ">varia animo tum miscente consili varia animo Cum haec  miscente consili</p>
</div>
<div class="groupe column-fill-auto">
<p class="defaut "> varia animo tum miscente consili</p>
<p class="defaut ">varia animo</p>
<p class="defaut ">Cum haec  miscente consili</p>
</div>
<div class="groupe column-fill">
<p class="defaut "> varia animo tum miscente consili</p>
<p class="defaut ">varia animo</p>
<p class="defaut ">Cum haec  miscente consili</p>
</div>