Чтобы добавить несколько текстов в блок в HTML, можно использовать следующие подходы:

1. Автоматическое увеличение пространства. 1 Для этого элементы нужно разместить в flex-ряде или grid. 1 По умолчанию во flex-ряде используется режим stretch, и элементы будут растягиваться по высоте. 1 При этом жёсткую высоту нужно убрать, а минимальную установить в соответствии с макетом. 1 Если какая-то колонка начнёт увеличиваться и превысит это значение, остальные колонки начнут подтягиваться за ней. 1
2. Обрезка текста по максимальной высоте и установка троеточия. 1 Для блока с текстом можно применить, например, следующий код на SASS: 1

$font-size: 25px;$line-height: 1.4;$lines-to-show: 3;.text-ellipsis {  display: block;  display: -webkit-box;  max-width: 300px;  height: $font-size*$line-height*$lines-to-show;  margin: 0 auto;  font-size: $font-size;  line-height: $line-height;  -webkit-line-clamp: $lines-to-show;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}

3. Создание скролла. 1 Для этого нужно добавить максимальную высоту и присвоить контейнеру свойство overflow: auto. 1 Тогда скролл будет появляться при необходимости. 1

Также для разбиения текста на колонки можно использовать свойства CSS, например, column-count, column-width, column-gap и column-rule. 5