To break both unordered and ordered lists into multiple columns you can easily use the column-count attribute within your CSS file. Just make sure you change the .my-list-class to whatever id or class is assigned to or surrounding your ul.

ul.my-list-class  {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

To add spacing between the columns just use column-gap attribute within your CSS file.

 ul.my-list-class {
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
    column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}