column-count

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

Setting the column-count to a value greater than 1 creates a multi-column layout. The element’s content will be evenly distributed between the specified number of columns.

The column-count property, along with the column-height and column-width properties, can also be set by using the columns shorthand.

Values: This property is specified as a single value from the following list:

Values: auto The number of columns is determined by other CSS properties, such as column-width. <integer> Is a strictly positive <integer> describing the ideal number of columns into which the content of the element will be flowed. If the column-width is also set to a non-auto value, it merely indicates the maximum allowed number of columns.

Syntax example: column-count: auto;