CSS是前端開發中非常重要的一種技術。如果你想要讓自定義列表橫過來，那么使用CSS是最好的選擇。

/* 將列表橫過來 */
ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
/* 設定列表項的尺寸 */
li {
margin: 10px;
width: 100px;
height: 100px;
background-color: #ccc;
text-align: center;
line-height: 100px;
}

通過以上的CSS樣式，你可以將列表橫過來。首先，我們使用display: flex;將

元素設為彈性布局。這一步非常重要，因為它會使得每一個列表項都變成彈性項目，從而可以實現橫向排列。接著，我們使用flex-wrap: wrap;來將列表項的排列方式設為自動換行。此外，我們通過設定list-style: none;來取消列表的默認樣式，通過設定padding: 0;來消除列表的內邊距。

接下來，我們就需要設定列表項的尺寸。在這個例子中，我們將列表項的尺寸設為width: 100px;和height: 100px;。我們還使用margin: 10px;來設定列表項之間的間距。除此之外，我們還可以通過background-color:、text-align:和line-height:等屬性來美化列表項。通過以上的CSS樣式，我們可以輕松地將自定義列表橫過來。