CSS------如何让ul中的li分为两列甚至多列

http://blog.sina.com.cn/s/blog_7f13f92a0100rkfg.html

<ul style="overflow:hidden;zoom:1" >
　　@foreach (IGrouping<string, RegionInfo> item in ViewBag.Area)
　　{
　　　　<li style="float:left;width:300px;padding:5px">
　　　　　　<span style="color:red;font-size:20px">@item.Key</span>
　　　　　　@foreach (var entity in item)
　　　　　　{
　　　　　　　　<a class="province" style="font-size:15px;color:#333;cursor:pointer">@entity.Name<input type="hidden" value="@entity.RegionId"/></a>
　　　　　　}
　　　　</li>
　　}
</ul>