Wrap a list to the right

Question

If i had a list like the following:

  
Alex
  
James
  
Thomas
  
Is
          


        

Answer 1

Afaik this is not possible with CSS2. Especially if you want to keep the order like you mentioned it.

However there is a jQuery Plugin that does exactly what you descripted.

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

Answer 2

For modern browsers

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

Answer 3

If you would like set width for every <li> and lost order of elements, here is demo: http://jsfiddle.net/dpXz2/

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

ul{
    width: 150px;
}