<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
.balance {
column-count: 4;
column-rule: 1px solid black;
column-fill: balance;
}
</style>
</head>
<h2>Exemple de la propriété column-fill</h2>
<body>
<p class="balance">
C'est un texte qui a été divisé en colonnes
multiples. La propriété CSS column-fill
est utilisée pour écarter les contenus
toutes les colonnes.
</p>
</body>
</html>