CSS是網頁設計中必不可少的一種技術，其中水平列表是常見的網頁元素之一。接下來，我們將詳細介紹如何使用CSS設置水平列表。

/* CSS樣式文件 */
ul {
list-style-type: none; /* 去除默認的列表符號 */
margin: 0;
padding: 0;
}
li {
display: inline-block; /* 將列表項按水平方向排列 */
margin-right: 20px; /* 設置列表項間距 */
}
li:last-child {
margin-right: 0; /* 如果這是最后一個列表項，則去除右側間距 */
}

上述代碼中，我們使用了ul和li標簽來創建列表。為了去除默認的列表符號，我們使用list-style-type屬性。接著，我們使用display: inline-block屬性將列表項按水平方向排列，并設置margin-right屬性為20px來設置列表項間距。最后，我們使用:last-child偽類選擇器來去除列表中最后一項的右側間距。

我們可以在HTML文件中使用下列代碼創建一個水平列表：

列表項1
列表項2
列表項3

在瀏覽器中打開HTML文件，我們可以看到三個列表項按水平方向排列，并且每個列表項之間有20px的間距。

總結一下，CSS可以幫助我們很方便地設置水平列表。只要遵循以上的CSS代碼樣式，我們就能輕松地創建一個漂亮的水平列表。