Разделение длинного списка тегов <li> на столбцы?

Я обычно устанавливаю ширину css-layout 28% и плаваю слева:

ul li {
   width: 28%;
   margin: .5em 2%;
   float:left;
}

Обратной min-height стороной является то, что css элементы заполняются следующим css-layout образом:

- - -
- - -
-

Не нравится:

- - -
- -
- -

Если max-width вам нужны вертикальные заполненные css-columns столбцы, вам понадобится css-reset 3

сек.