Exemple de code de la propriété CSS break-after.

<style>
/* Affichage */
.groupe {
 border : 1px solid #666; 
 margin:5px; 
 padding:5px; 
 bwidth :500px; 
}

.groupe p{
   margin:0; padding:0; 
}

.colonne {
   border : 1px dotted #666; 
   break-after:column; 
}

.avoidcolonne {
   border : 1px dotted #666; 
   break-after:avoid-column; 
}
.column-rule{
  column-width : auto; 
  column-count : 3; 
column-fill: balance; 
}
</style>
<div class="groupe column-rule">
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit.</p>
<p class="cadre-vert colonne">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
</div>
<div class="groupe column-rule">
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
</div>
<div class="groupe column-rule">
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert avoidcolonne">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
<p class="cadre-vert">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit</p>
</div>