CSS中的列表排列方式有很多種，其中水平排列可以使頁面看上去更加簡潔美觀。下面我們來了解一下CSS中列表水平排列的方法。

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 20px;
}

上面的代碼中，我們先將無序列表的默認樣式去除掉，然后將所有的列表項（即li標簽）設置為inline-block，這樣它們就可以排列在同一行了。我們還可以通過設置margin-right屬性來控制每個列表項之間的距離。

ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
li {
margin: 0 20px;
}

另外一種方法是使用CSS3中的flexbox布局。我們將ul設置為display:flex，并將justify-content屬性設置為center，即可將所有列表項水平居中排列。如果需要調整列表項之間的距離，可以通過設置margin屬性來實現。

無論是使用inline-block還是flexbox布局，都可以實現列表水平排列的效果。我們可以根據實際需求選擇合適的方式來實現頁面排版。