我有一个这样的清单：

<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解决方案可以单独在列表中使用。

感谢帮助！