CSS リストを2列にする

liをfloatを使ってなんとか2列にできないだろうか？

<ul>
 <li>1列目</li>
 <li>1列目</li>
 <li>1列目</li>
 <li>2列目</li>
 <li>2列目</li>
 <li>2列目</li>
</ul>

liをfloatして、ulの横幅を半分にする。
こんな感じ↓ 

ul{
 width: 352px;
 list-style: none outside;
 }
li{
 padding: 0;
 float: left;
 width: 176px;
 }