css实现ul li换行

css实现ul li换行。在最早的布局中我们使用table，现在早就使用ul li了
UI->li自动换行参数：white-space:nowrap;
复制代码
如何实现呢？
<style>
ul{
    margin:0px;
    padding:0px;
    list_style:none;
}
li{
   height:28px;
   line-height:28px;
   white-space:nowrap;
   display:block;
   float:left;
   width:20%;
}
</style>
<ul>
<li>小说</li>
<li>世界名著</li>
<li>散文</li>
<li>传记</li>
<li>武侠网络</li>
<li>小说</li>
<li>推理</li>
<li>言情</li>
</ul>
复制代码