CSS中，讓ul li元素橫向排列有多種方法，以下是一種常見(jiàn)的方法：

1、使用CSS的display屬性將li元素設(shè)置為內(nèi)聯(lián)塊元素（inline-block），這樣，li元素就可以像文本一樣在一行內(nèi)顯示，而不會(huì)自動(dòng)換行，示例代碼如下：

ul {
  list-style-type: none; /* 去除列表前的標(biāo)記 */
}
li {
  display: inline-block; /* 將li設(shè)置為內(nèi)聯(lián)塊元素 */
  margin-right: 10px; /* 設(shè)置li元素之間的間隔 */
}

2、使用CSS的float屬性將li元素設(shè)置為浮動(dòng)元素，這樣，li元素就可以在一行內(nèi)浮動(dòng)，而不會(huì)受到容器寬度的限制，示例代碼如下：

ul {
  list-style-type: none; /* 去除列表前的標(biāo)記 */
  float: left; /* 將ul設(shè)置為浮動(dòng)元素 */
}
li {
  float: left; /* 將li設(shè)置為浮動(dòng)元素 */
  margin-right: 10px; /* 設(shè)置li元素之間的間隔 */
}

需要注意的是，使用浮動(dòng)元素時(shí)，需要清除浮動(dòng)，以避免影響其他元素的布局，可以通過(guò)添加清除浮動(dòng)的代碼來(lái)實(shí)現(xiàn)：

ul::after {
  content: ""; /* 添加一個(gè)空內(nèi)容 */
  display: table; /* 將內(nèi)容設(shè)置為表格 */
  clear: both; /* 清除左右兩側(cè)的浮動(dòng) */
}

方法僅供參考，具體實(shí)現(xiàn)方式可以根據(jù)實(shí)際需求進(jìn)行調(diào)整。