html - HTMLで2列として表示されるようにリストのスタイルを設定する方法

Question

私は次のようなリストを持っています：

<ul>
   <li>1<li>
   <li>2<li>
   <li>3<li>
   <li>4<li>
   <li>5<li>
   <li>6<li>
   <li>7<li>
   <li>8<li>
   <li>9<li>
 </ul>

それらは出力に次のように表示されます：

1
2
3
4
5
6
7
8
9

次のように表示するようにスタイルを設定するにはどうすればよいですか。

1      2
3      4
5      6
7      8
9

IEで動作するソリューションが必要であり、JQueryを使用できてうれしいです。

Answer 1

これを行う1つの方法は、各リストアイテムに定義された幅を与えてから、リスト全体に2つのリストアイテムに等しい定義された幅を与えることです。次に、すべてのリストアイテムを左側にフロートさせます。

CSS：

li{
    padding: 0; margin: 0;
    width: 4em;
    float: left;
}
ul{
    padding:0; margin: 0;
    width: 8em;
}​

デモ：jsFiddle