Columns

The column-count CSS property breaks an element's content into the specified number of columns.

Option

Number of columns 1

Preview

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Autem nobis a reiciendis, illo asperiores soluta quisquam neque vero, aliquid quos impedit assumenda alias ut earum? Eaque consectetur sint repellat dolorem.

Code

column-count: 1;

CSS column-count example

HTML

<p class='columns'>
  This is a bunch of text split into three columns using the CSS "column-count" property. The text is equally distributed over the columns.
</p>

CSS

.columns {
  column-count: 3;
}

result

This is a bunch of text split into three columns using the CSS `column-count` property. The text is equally distributed over the columns.