CSS layout issue. Order divs vertically in columns of 4

Viewed 1021

I have a container with a set width and height. I have 20 elements inside. I'd like to arrange them vertically, in columns of 4 and preferably have the container scroll when the columns overflow on the x axis.

content 1    content 5    content 9     content 13    content 17   
content 2    content 6    content 10    content 14    content 18
content 3    content 7    content 11    content 15    content 19
content 4    content 8    content 12    content 16    content 20

Is there a method to achieve this using only CSS?

EDIT

Any solution would have to be supported in browsers as old as IE9

jsfiddle

3 Answers
Related