CSS Multi-column Layout allows to dynamically break text into columns

2018-10-14

Simple example:

.two-columns {
  column-count: 2;
}

MDN docs about the CSS Multi-column layout: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns

MDN docs about the CSS multi-column property in particular: https://developer.mozilla.org/en-US/docs/Web/CSS/column-count

Simple Codepen usage example of the multi-column property: https://codepen.io/jperals/pen/MPEOxZ

Back