TryIt Editor v2.0 - Exemple de la propriété CSS column-gap

Source Code: (back to article)

<!doctype html>
<html>
    <head>
        <title>Titre du document</title>
        <style>
            div {
            -webkit-column-count: 4; /* Chrome, Safari, Opera */
            -moz-column-count: 4; /* Firefox */
            column-count: 4;
            -webkit-column-gap: normal; /* Chrome, Safari, Opera */
            -moz-column-gap: normal; /* Firefox */
            column-gap: normal;
            }
        </style>
    </head>
    <body>
        <h2>Exemple de la propriété column-gap</h2>
        <div>
            Lorem Ipsum est simplement un texte factice de l'industrie de
            l'impression et de la composition. Lorem Ipsum est le texte factice
            standard de l'industrie depuis les années 1500, quand un imprimeur
            inconnu a pris une galère de type et l'a brouillé pour en faire un
            cahier de caractères. Il a survécu non seulement à cinq siècles,
            mais aussi au saut dans la composition électronique.
        </div>
    </body>
</html>