Tip for two-column ordered lists in WordPress

If you have your own theme on a WordPress school site, try putting this in your stylesheet:

ol.two-columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

Then put class=”two-columns” in your opening ol tag where you have a long numbered list. It will automatically split into two columns of equal height. Example:

2 column WordPress

From: David Nelson, August 19, 2014

Posted in: Applications