March 14, 2016
This is a great and simple way to keep lists in alpha or numerical order, while splitting up the content to make it easier for the reader to digest.
You can append the digits to add any number of contents to suit your needs:
ul {
list-style: none;
margin: 0;
padding: 2em 5%;
background: #403b3d;
-moz-column-count: 2;
-moz-column-gap: 1.5em;
-webkit-column-count: 2;
-webkit-column-gap: 1.5em;
column-count: 2;
column-gap: 1.5em;
}
Sourced here based on this CSS3 documentation.
