Вы можете сделать текст в колонку с помощью свойств column-count
и column-gap
в CSS.
Например, следующий код создаст 2 колонки с промежутком между ними 20 пикселей:
HTML:
<div class="column-text">
<p>Первая колонка текста.</p>
<p>Вторая колонка текста.</p>
<p>Третья колонка текста.</p>
<p>Четвертая колонка текста.</p>
</div>
CSS:
.column-text {
column-count: 2;
column-gap: 20px;
}
Здесь мы использовали свойство column-count
для указания количества колонок текста и свойство column-gap
для определения промежутка между ними.
Вы можете изменять количество колонок и размер промежутка, а также добавлять другие стили, чтобы настроить вид текста в колонку.