Generally, when we said layout, it means element’s layout, but we may need change the layout of paragraphs, CSS Columns can help us.

Newspaper: image

Related attributes: columns: column count or column width，such ascolumns: 2, columns: 200px, columns: 2 auto....

column-rule: divider line style，like border attribute, 1px black line：1px solid black.

column-gap: gap width between columns。

column-span: makes it possible for an element to span across all columns when its value is set to all, like header in paragraph.

Full demo:

See the Pen by (@justforuse) on CodePen.

Compatibility：

image

Can I Use mdn-css_properties_columns? Data on support for the mdn-css_properties_columns feature across the major browsers from caniuse.com.

👇 Please leave your comment if you like this.👇