在網頁的設計中，我們經常需要使用列表（<ul>）來呈現一組相關的內容。默認情況下，<ul>是垂直布局的，而我們有時需要將其水平居中在頁面上，以使網頁設計更加美觀和易于瀏覽。

這個問題可以通過使用CSS來解決。以下是一組樣式，可將<ul>元素水平居中。

ul {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
}

請注意，display:inline-block會將<ul>元素設置為行內塊級元素。這意味著它會按照文本流排列，但可以設置寬度和高度。然后，我們設置左右外邊距為“auto”，這會將元素水平居中。

注意，text-align:center會將列表項居中，但不會水平居中列表本身。將元素設置為inline-block并使用margin:0 auto來水平居中<ul>元素。

在實際應用中，我們可以將這些樣式修改為我們自己的規則，以適應我們的頁面設計。