Top to bottom
element arrangement

Question

I'm trying to find out how I can force elements to start from the top going to the bottom.

I have searched through Stack Overflow and I can't seem to get the answer that i need. Below I explain:

Actual:

A--B--C--D

E--F--G--H

What I need:

A--C--E--G

B--D--F--H

Some jQuery solutions here: http://stackoverflow.com/questions/6225968/how-can-i-modify-this-algorithm-which-reorders-a-ul. My answer is not necessarily the best, that `.transpose()` plugin looks good. — thirtydot, Jul 25 '13 at 16:33
Duplicate of this question http://stackoverflow.com/questions/4923/wrapping-lists-into-columns — feitla, Jul 25 '13 at 17:12

jfrej · Answer 1 · 2013-07-25T16:46:41.350

2

This might not work in older browsers but you can use CSS property column-count like this:

ul {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}

Example: jsfiddle.

edited Jul 25 '13 at 16:46

answered Jul 25 '13 at 16:45

jfrej

1 Answers1