Переверните список вправо

Если у меня был список вроде следующего:

<ul>
  <li>Alex</li>
  <li>James</li>
  <li>Thomas</li>
  <li>Is</li>
  <li>Asking</li>
  <li>Questions</li>
  <li>On</li>
  <li>Stackoverflow</li>
</ul>

Значение по умолчанию будет отображаться следующим образом:

* Alex   
* James
* Thomas
* Is
* Asking
* Questions
* On
* Stackoverflow

Какой CSS я использовал бы, чтобы отобразить его как:

* Alex     * Questions
* James    * On
* Thomas   * Stackoverflow
* Is
* Asking

Спасибо заранее...

Ответы

Ответ 1

Для современных браузеров

ul{
    -ms-column-count: 2;
    -o-column-count: 2;
    -moz-column-count: 2;
    -khtml-column-count: 2;
    column-count: 2;
    }

Ответ 2

Если вы хотите установить width для каждого <li> и потерянного порядка элементов, вот демонстрация: http://jsfiddle.net/dpXz2/

li{
    display: block;
    float: left;
    width: 75px;
}

ul{
    width: 150px;
}