CSS中的ul列表可以實現多種效果，其中一種是橫向排列。為了讓列表橫向排列，我們需要對ul和li元素進行一些樣式的設置。下面給出一個簡單的示例：

ul {
list-style: none; /* 去掉默認的列表樣式 */
padding: 0; /* 去掉列表的內邊距 */
margin: 0; /* 去掉列表的外邊距 */
display: flex; /* 設置ul元素為彈性盒子 */
}
li {
margin-right: 20px; /* 設置每個列表項的右邊距 */
}

代碼說明：

• list-style:none;去掉默認的列表樣式。
• padding:0;去掉列表的內邊距。
• margin:0;去掉列表的外邊距。
• display:flex;設置ul元素為彈性盒子，使其內部的li元素橫向排列。
• 每個列表項的右邊距用margin-right:20px;設置。

使用上面的樣式，你可以通過以下的HTML代碼來創建一個橫向排列的ul列表：

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

如果你想讓列表項居中對齊，可以在ul元素上加上justify-content:center;樣式。

總之，使用CSS可以輕松實現ul列表的橫向排列效果，只需要對ul和li元素設置一些簡單的樣式即可。