css中怎么让li横向排版

li{
  display: inline-block;
  margin-right: 10px;
  list-style: none;
} 

上面的CSS代码中，我们使用了display属性，将

另外，我们还使用了list-style属性，将

接下来，我们可以在HTML文件中使用

和
• 标签来创建一个横向排版的列表。

  <ul>
    <li>首页</li>
    <li>产品介绍</li>
    <li>关于我们</li>
    <li>联系我们</li>
  </ul> 

  通过上述HTML和CSS代码的结合，我们就可以轻松地实现一个简单的横向列表排版效果了。