CSS中實現ulli橫向是很簡單的，只需要給ul和li添加一些CSS屬性即可。

ul{
list-style: none; /*去掉列表默認樣式*/
padding: 0; /*去掉列表默認內邊距*/
margin: 0; /*去掉列表默認外邊距*/
display: flex; /*設置彈性盒子*/
}
li{
margin-left: 10px; /*設置li元素間距*/
}

以上代碼中，我們給ul設置display屬性為flex，使其成為彈性盒子。彈性盒子可以自動根據內容調整元素的大小和位置。

接著，我們設置li元素的margin-left屬性為每個li元素間添加10像素的左外邊距，使其橫向排列并保持間距。

這樣就實現了ulli橫向排列。如果您想讓列表居中對齊，可以給ul添加justify-content: center;屬性，這將使其水平居中對齊。

ul{
list-style: none; /*去掉列表默認樣式*/
padding: 0; /*去掉列表默認內邊距*/
margin: 0; /*去掉列表默認外邊距*/
display: flex; /*設置彈性盒子*/
justify-content: center; /*水平居中對齊*/
}
li{
margin-left: 10px; /*設置li元素間距*/
}

有了這些簡單的CSS設置，您就可以很容易地實現ulli橫向排列。不過，我們需要注意的是，在移動端請盡量避免使用此種橫向排列方式，因為在小屏幕設備上排列會受到影響。