Another random text for demonstration

The column-width property is used to set the optimal width for every column box. If you declare a column-width, the browser will work out how many columns of that width will fit into the multicol container and distribute any extra space equally between the columns. Therefore, the column width should be seen as a minimum width, as column boxes are likely to be wider due to the additional space.

The column box will only shrink to be smaller than the declared column width in the case of a single column with less available width than the value of column-width.

In the below example, we use the column-width property with a value of 200px. We get as many 200 pixel columns as will fit the container, with the extra space shared equally.