html中怎么让li横向排列

可以使用CSS中的flexbox布局来让li横向排列。具体做法如下：

1. 给ul元素设置display: flex;，将其变为一个flex容器。
2. 给li元素设置flex: 1;，让它们平分容器的宽度。
3. 可以通过设置justify-content属性来控制li元素的对齐方式，例如设置为center可以让它们居中对齐。

示例代码如下：

<ul style="display: flex; justify-content: center;">
  <li style="flex: 1;">Item 1</li>
  <li style="flex: 1;">Item 2</li>
  <li style="flex: 1;">Item 3</li>
</ul>