Make Children Wrap Inside A Div With A Certain Height

If I have a set of children elements in a parent element, and the parent is set to a certain height that's less than all of the list items added up, by default it appears the child

Solution 1:

Look at this JSFiddle

I used

.unordered-list {
    -moz-columns: 2 142px;
    -webkit-columns: 2 142px;
    columns: 2 142px;
}

EDIT:

Look at this JSFiddleUpdated The only problem is, the CSS of UL may not apply for the li items in 2nd column.

Let me know if this doesn't work for you.