Как переносить по блочно (column)?

Question

[Анатолий]

Можно ли переносить по блочно, чтобы "Раздел 2" и тексты 2 были в одном столбике?
Сейчас блок разбивается на 2 столбика:

Answer 1

[RAX7]

Где-то видел хак с использованием display: inline-block для колонок, попробуй так:

Comments

[Анатолий]

Да, так работает.
Сейчас проблема будет, в том как изменить html ))

[RAX7]

Анатолий, не за что =) мне кажется был способ без втыкания пустых дивов, но увы не помню его

[Анатолий]

RAX7, печально

[Анатолий]

а вот это не то?
break-after
break-before
break-inside

[RAX7]

Анатолий, загляни на caniuse.com даже если и то, то это не кросбраузерно

[Анатолий]

RAX7, ну да, а если с префиксами?
https://www.qhmit.com/css/css3/properties/css_brea...

[RAX7]

Анатолий, так для break-* их вроде нету. Но ты попробуй, вдруг прокатит.

[Анатолий]

RAX7, вот как-то так?!
https://codepen.io/workcode/pen/wvKbNbg

[RAX7]

Анатолий, на всякий случай добавь еще page-break-inside: avoid
caniuse показывает что это должно работать в большинстве браузеров