Многоколоночный текст

Исходный код этого примера:

<style>
    .columns3 {
        text-align: justify;
        columns: 3 300px;
        column-gap: 2em;
        column-rule: 1px solid #e31e24;
    }
</style>
<div class="columns3">
    <p>
        Людям сложно читать текст, если строки слишком длинные. Пока человек перемещает
        взгляд с конца текущей строки на начало следующей, он теряет строку, на которой находился.
    </p>
    <p>
        Поэтому, чтобы использовать большие дисплеи по максимуму,
        следует разбивать большой текст на столбцы заданного размера, как в газетах или журналах.
    </p>
    <p>
        Почти все современные браузеры поддерживает многоклоночный текст без указания префиксов.
        В крайнем случае текст просто будет выведен обычным образом в одном блоке.
    </p>
</div>