HTML/CSS - Ordered List that automatically seperates into columns, based on parent div height

HTML/CSS - Ordered List that automatically seperates into columns, based
on parent div height

I have a div (for this example we'll call it #container) that has a height
set to 100% of the page. In #container, I have an ordered list that will
have 101 items. I am looking for a clean, efficient method of having the
ordered list break into columns based on #container's height. As you can
imagine, an ordered list of this size would expand vertically much larger
than #containers height is. I want the OL to automatically break into
columns so that #container doesn't have to expand. Any suggestions are
incredibly appreciated! Thank you much!