Aligning Divs Vertically While Keeping Them Ordered In A 'list-style'

I've come to a point where I really can't think of any solutions for this problem anymore. What I want to achieve is: I fill content in some divs, for example values from 0-10. The

Solution 1:

Modern solution is CSS Multi-column module. You could use it like this:

.content {
    -webkit-column-width: 80px;
    -webkit-column-gap: 5px;
}

http://jsfiddle.net/EN92F/

Check support, IE10+.

If it is not supported by the browser (IE8 for example) it will gracefully degrade to single column layout, like here http://jsfiddle.net/EN92F/1/, which is not that bad.

Further reading Using CSS multi-column layouts.