在CSS中，要使li元素橫向排列，可以使用多種方法，以下是一種常見(jiàn)的方法：

1、使用CSS的Flex布局：Flex布局是一種強(qiáng)大的CSS布局工具，可以輕松地使元素在容器中橫向排列，你可以將ul或div等容器設(shè)置為Flex布局，然后使li元素作為Flex子項(xiàng)。

ul {
  display: flex;
  justify-content: space-between; /* 可選，用于在li元素之間添加間隔 */
}

2、使用CSS的Grid布局：Grid布局是另一種強(qiáng)大的CSS布局工具，它允許你創(chuàng)建復(fù)雜的二維布局，你可以將容器設(shè)置為Grid布局，并指定每行只能容納一個(gè)li元素。

ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 創(chuàng)建三個(gè)等寬的列 */
  grid-gap: 10px; /* 可選，用于在li元素之間添加間隔 */
}

3、使用CSS的float屬性：雖然float屬性主要用于文本環(huán)繞圖像，但它也可以用于使li元素橫向排列，你可以將li元素的float屬性設(shè)置為left或right，然后清除浮動(dòng)。

ul {
  list-style: none; /* 去除列表樣式 */
}
li {
  float: left; /* 將li元素浮動(dòng)到左側(cè) */
  margin-right: 10px; /* 可選，用于在li元素之間添加間隔 */
}

使用float屬性時(shí)，可能需要清除浮動(dòng)以避免影響其他元素，你可以使用clearfix類(lèi)來(lái)清除浮動(dòng)：

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

然后將其添加到包含li元素的容器上。