In our most recent update, we introduced different page templates, one of which is the "page.multi-column" template. This template allows you to create a page with multiple columns--such as 2, 3 or even 4 columns--without having to use any complicated HTML.
First, you'll want to change your page template to page.multi-column. This will allow you to take advantage of the multiple columns.
Please note, you'll need to have your theme published for the template options to appear. If your theme is unpublished, you won't have the option to use our templates, just the ones provided with your currently published theme.
To create the columns, add your content to your page, then click on the "< >" button in the upper right corner of the description box, to enter the HTML Rich Text Editor (RTE).
To create the columns, add the following code between where you want the previous column to end and next one to begin:
<!-- split -->
If you want two columns, you'd add the split tag (<!-- split -->) once. For three columns, add it twice. Lastly, for four columns, you'll have the split tag three times.
For example, for two columns, your text would look like the following:
<p>Column 1</p> <!-- split --> <p>Column 2</p>
For three columns, it'd look like this:
<p>Column 1</p> <!-- split --> <p>Column 2</p> <!-- split --> <p>Column 3</p>
Then lastly, an example of four columns:
<p>Column 1</p> <!-- split --> <p>Column 2</p> <!-- split --> <p>Column 3</p> <!-- split --> <p>Column 4</p>
For more advanced column layouts, you can write some custom HTML as outlined here.