CSS中，我們可以使用flex布局將列表橫向排列，以下是一個簡單的示例：

<ul class="horizontal-list">
  <li>項(xiàng)目1</li>
  <li>項(xiàng)目2</li>
  <li>項(xiàng)目3</li>
  <li>項(xiàng)目4</li>
  <li>項(xiàng)目5</li>
  <li>項(xiàng)目6</li>
  <li>項(xiàng)目7</li>
  <li>項(xiàng)目8</li>
  <li>項(xiàng)目9</li>
  <li>項(xiàng)目10</li>
</ul>

在上面的HTML代碼中，我們定義了一個無序列表，并給它添加了一個類名horizontal-list，我們可以使用CSS來定義這個類名對應(yīng)的樣式：

.horizontal-list {
  display: flex; /* 使用flex布局 */
  list-style: none; /* 去除列表前的標(biāo)記 */
}

在上面的CSS代碼中，我們使用了display: flex;來將列表轉(zhuǎn)換為橫向排列，我們還使用了list-style: none;來去除列表前的標(biāo)記，這樣，我們的列表就會以橫向的方式排列，并且沒有列表前的標(biāo)記。

這只是一個簡單的示例，在實(shí)際應(yīng)用中，我們可能還需要對列表進(jìn)行更多的樣式調(diào)整，比如添加間隔、對齊方式等，基本的原理都是相同的：使用CSS的flex布局來將列表轉(zhuǎn)換為橫向排列。