Wrap una lista a la derecha

Question

Si tuviera una lista como la siguiente:

<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> 

El valor por defecto se mostrará como:

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

Lo CSS debería utilizar para conseguir que se muestran como :

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

Gracias de antemano ...

Answer 1

Para los navegadores modernos

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

Answer 2

Afaik esto no es posible con CSS2. Especialmente si desea mantener el orden como lo mencionó.

Sin embargo, hay un complemento jQuery que hace exactamente lo que usted describió.

http://www.christianyates.com/blog/mmm-geeky/multi-column-lists-jquery-alternative-method

Answer 3

Si le gustaría establecidos width para cada <li> y perdidos orden de los elementos, que aquí es de demostración: http://jsfiddle.net/dpXz2/

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

ul{ 
    width: 150px; 
}