CSS 是前端開發中的重要部分。在網頁設計中，橫向排列列表也是十分常見的需求。使用 CSS 可以輕松實現這一功能。

ul {
display: flex;
flex-direction: row;
}
li {
list-style: none;
}

以上就是使用 CSS 將列表橫向排列的代碼，首先我們將ul的display屬性設置為flex，表示我們要使用 Flexbox 布局。接著，我們將flex-direction設置為row，使得列表的排列方向為橫向。注意，在使用 Flexbox 布局中，display: flex必須要與設置flex-direction一起使用。

同時，由于列表項無需標出序號，我們將list-style屬性設置為none，使得列表項不再顯示默認的序號標記。

如果你還希望在橫向排列的列表中保持一定的間距，可以使用margin或者padding屬性來調整。例如將li的margin-right設置為 10px：

li {
margin-right: 10px;
}

這樣就可以在列表項之間添加一些間距了。

總之，使用 CSS 橫向排列列表是一件很簡單的事情。我們只需要使用display: flex和flex-direction: row就能輕松實現。同時，我們還可以使用margin或者padding來調整列表項之間的間距。