我們可以使用CSS的display屬性和float屬性來實現這一效果。首先，我們必須將列表項的display屬性設置為inline，這樣它們才能以行內元素的形式排列。

li {
display: inline;
/* 其他樣式 */
}

接下來，我們在包含列表項的容器上使用float屬性。將它設置為left可以讓容器向左浮動，從而讓列表項橫向排列。

ul {
float: left;
/* 其他樣式 */
}

如果你想讓列表項之間有間距，可以使用margin屬性。如果你想讓它們之間沒有空格，可以將容器的font-size屬性設置為0，并通過列表項的font-size屬性來重新設置字體大小。

ul {
float: left;
font-size: 0;
/* 其他樣式 */
}
li {
display: inline;
font-size: 16px;
margin-right: 10px;
/* 其他樣式 */
}

現在，你已經可以讓列表項橫向排列了。如果你需要創建一個水平導航菜單或圖片網格布局，這一方法也是非常有用的。