CSS中的Unordered List (無序列表)是網頁中常用的元素之一，它可以輕松地創造出一組帶有標記的列表。默認情況下，無序列表的標記會垂直排列，但是在很多情況下，我們希望這些標記能夠水平排列。接下來，我將會介紹一些方法來實現CSS Ul的水平排列。 首先，在HTML中創建ul元素，并添加一些li元素：

<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>

接下來，我們可以使用CSS實現水平排列。最簡單的方式是使用display: inline-block實現水平顯示：

<style>
ul li {
display: inline-block;
}
</style>

這個方法的缺點是會在li項之間留下適當的空間，為了解決這個問題，我們可以使用負的文字間距（letter-spacing）的方法創建不間斷文本：

<style>
ul {
font-size: 0;
letter-spacing: -0.35em;
}
ul li {
display: inline-block;
vertical-align: top;
font-size: 16px;
letter-spacing: normal;
}
</style>

代碼中首先將ul的字體大小設為0，然后針對每個li元素設置了display: inline-block屬性，相當于把每個li元素當做行內元素放到同一行中，接著使用字母間距（letter-spacing）的方式消除空格。 還有一種方法是使用float來實現水平排列：

<style>
ul li {
float: left;
}
</style>

這個方法的優勢是可以很方便地添加其他元素在列表的旁邊或上述。需要注意的是，如果有多行li元素，則需要使用clear屬性清除浮動（float）。 總之，以上的方法可以讓我們的CSS Ul實現水平排列，使頁面更加美觀。