在網頁設計中，列表是一個常見的元素。默認情況下，列表垂直排列，所以如果我們想讓列表水平排列，就需要使用CSS來實現。

下面給出一段CSS代碼，可以將列表水平排列：

ul {
list-style: none;
display: flex;
flex-wrap: wrap;
}
li {
margin-right: 20px;
}

上述代碼中，我們使用了flex布局來實現列表的水平排列。

首先，我們將列表樣式設置為“none”，這樣列表項就不會顯示默認的編號或點號。

然后，我們將列表的顯示方式設置為“flex”，這樣列表項就會水平排列。

最后，我們設置了一個“margin-right”屬性來為每個列表項添加一定的間距。

通過上述代碼，我們可以輕松地將列表水平排列，從而增強網頁的美觀性。