Create columnar text.
With text columns, you can use horizontal space efficiently and maintain readability. In the Style panel, you can create columnar text that applies to text elements and other elements, such as forms. You can also set headings to span multiple columns or wrap within their column.
Text columns
To wrap your content in multiple columns, select a text element on the canvas and go to Style panel > Typography > More type options and set the column count in the Columns field.
You can also click the "three dots" icon next to the Columns field to further customize your columns.
Column count
The default value in the column count input field is set to auto, or one column.
You can specify the number of columns in the column input field. To make sure content displays in one column on mobile devices, open the mobile view and set the column count to auto.
Text column properties
With text column properties you can define the gap between your columns, add and style a column divider, or set a column child to span all columns.
Gap
The default gap (the space between columns) is 0 px.
Divider settings
You can add a divider (e.g., a line or rule) between the columns if you’re going for a newspaper look. You can also customize the style, width, and color of the divider.
Column child
Once you apply the columns property to an element, any element inside becomes a column child. By default, column children wrap to the next column — their span setting is set to “don’t.” You can override this setting for specific children.
Span
By default, column children are set to don’t span. If you want an element (such as a heading) to span all columns, select the element and change the span setting to “do”.