在CSS中，可以通過以下代碼讓ul列表橫向排布：

ul{
list-style:none;
padding:0;
margin:0;
display:flex;
}

其中，display屬性的值設置為“flex”，意為使用flex布局。flex布局可以更方便地進行彈性布局，并且可以通過使用justify-content和align-items屬性來對子元素進行對齊和分布等操作。

接下來，我們需要將li元素按照等比例分配空間并水平排列。

li{
flex:1;
padding:10px;
background-color:#eee;
box-sizing:border-box;
text-align:center;
}

其中，flex屬性的值“1”表示等分剩余空間。由于每個li元素的flex值都為1，所以每個元素的占比是相同的。

其余代碼用于設置li元素的邊距、背景色、盒模型和文字居中等樣式。

通過上面的樣式代碼，我們可以輕松地實現ul列表橫向排布，并自由設置樣式，讓頁面更加美觀。