CSS-зигзаг, плавающий

Я ищу любую идею, чтобы получить следующая рабочая. Мне нужно переупорядочить (только с помощью css!) Неупорядоченный список, чтобы выводить его элементы зигзагообразным образом - позвольте мне объяснить: Предположим, у нас есть простой список:

    
1
    
2
    
3
    
4
    
5
    
6
    
7
    
8
    
9
    
10
    
11
    
12

это будет вывод (при простом float: left):

1   2   3   4   5    6
7   8   9   10  11  12

но я ищу такой способ вывода:

1   3   5   7   9   11
2   4   6   8   10  12

зачем мне это? Я пытаюсь изменить навигацию по миниатюрам, чтобы вместо одной строки было две (=> http: // landofcoder. com / demo / jquery / lofslidernews / )

Но, как я могу видеть из Javascript, генерирующего навигацию по миниатюрам и его скользящего механизма, единственный способ сделать его двумя столбцами и при этом работать правильно - это получить этот забавный зигзаг порядок. конечно, я открыт для любых других предложений :-) заранее спасибо!