在CSS中，將列表轉換為橫排的方法有多種，這里，我們將使用一種簡單且常見的方法來實現這一功能。

我們需要創(chuàng)建一個HTML列表，我們可以創(chuàng)建一個包含幾個列表項的簡單列表：

<ul id="myList">
  <li>列表項1</li>
  <li>列表項2</li>
  <li>列表項3</li>
  <li>列表項4</li>
  <li>列表項5</li>
</ul>

我們將使用CSS來轉換這個列表為橫排，我們可以通過設置display屬性為flex來實現這一點：

#myList {
  display: flex;
  list-style-type: none; /* 去除列表前的標記 */
}

在這個示例中，#myList是列表的ID，display: flex;將列表轉換為橫排布局，list-style-type: none;則移除了列表項前的標記。

我們的列表已經成功轉換為橫排布局，每個列表項將水平排列，而不是默認的垂直排列，這種方法簡單易行，適用于大多數情況，如果您需要進一步的樣式調整，例如設置列表項之間的間隔或對齊方式，可以使用其他CSS屬性來實現。