CSS是前端開發中重要的一部分，通過CSS可以讓網頁元素更具視覺效果。在這里我們將介紹如何使用CSS使列表水平排列。

ul {
display: flex; /* 使用 flex 布局 */
justify-content: space-between; /* 設置為平均分配容器中剩余空間 */
list-style-type: none; /* 去掉列表項的樣式 */
}
li {
padding: 10px; /* 增加列表項之間的距離 */
}

以上CSS代碼展示了使用flex布局和設置justify-content屬性的方式來使列表水平排列。同時需要注意的是，為了讓列表項不帶有默認樣式，我們需要將list-style-type屬性設置為none。

在HTML代碼中，我們只需要簡單地將列表項目用li標簽包裹，并將所有列表項放置在一個ul元素中即可實現水平排列。

<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
</ul>

以上是CSS使列表水平排列的相關內容。希望能對大家有所幫助。