<div>
   <ul>
     <li>one</li>
     <li>two</li>
     <li>three</li>
     <li>four</li>
   </ul>
 </div>

和以下CSS：

ul { 
     width: 160px;
     height: 100px;
     overflow: auto; 
     }
li { 
     width: 80px;
     display: inline-block;
     float: left 
     }

我试图强制列表项从左到右显示，也就是说

one - two - three - four

我的问题：
这样做给我两行，每个两个项目。

题：
有没有CSS方法强制列表项全部在一行，所以我可以使用水平滚动？现在如果我设置overflow：auto我只是获得垂直滚动条，我不想要。

我不想在包装div上设置这个。我只是好奇，如果有一个CSS解决方案，我可以在列表中单独使用。

感谢帮助！