Add page 2 columns layout

[iuryLandin]

Is there a way to make a layout in 2 columns? As shown in the image, where the text follows the flow of the arrow, ending at the bottom of the page and starting in the next column at the top.

[motla]

Well it should be possible using CSS columns: 2; column-fill: auto; on the page but I ran some tests and apparently the split algorithm needs to be patched in order to make it work. I have no time to look at it but it is open for contribution.

[mentik]

I use this currently
css

.two-columns {
    column-count: 2;
    column-gap: 10px;
    padding: 0px;
    column-fill: balance;
}

.two-columns * {
    overflow-wrap: anywhere;
}

template

<div class="two-columns">
<!-- some editable html -->
</div>

But the content still not end at the end of the page for the columns.... but currently works for another case, e.g., when we only need two column in specific section of the page...