CSS是網頁設計中最重要的語言之一，可以實現各種不同的效果。其中，橫向排列的UL是很常見的，下面介紹如何通過CSS實現。

要想使UL橫向排列，首先需要將UL的默認布局方式改為“行內”，代碼如下：

ul {
display: inline;
}

這樣UL就會按照行內元素排列，并且在其內部元素中的樣式也會變為行內樣式。

但是，這樣還不能實現橫向排列，因為每個UL之間還是會換行。為了解決這個問題，可以在父元素中使用CSS的“flexbox”布局模式，代碼如下：

.parent {
display: flex;
}

這樣每個UL就可以在同一行進行排列了，同時還可以通過“flexbox”模式來調整它們的位置和大小。

同時，還可以使用一些其他的CSS屬性來進一步美化橫向排列的UL，在這里不再贅述，希望讀者可以自行學習和探索。