CSS在網頁設計中具有重要的地位，其中對于列表（<li>）的修改較為常見。本文將介紹如何通過CSS設置列表項間的橫向間距。

ul{
list-style:none; /*去除默認樣式*/
padding:0; /*去除內邊距*/
margin:0; /*去除外邊距*/
display:flex; /*設置為彈性盒子*/
justify-content:space-between; /*設置為平均分布*/
}
li{
padding:10px; 
}

以上是實現橫向間距的CSS代碼，其中使用了flex布局，將整個ul標簽設置為彈性盒子，使得內部的li標簽可以在水平方向上自動排列。而justify-content:space-between;屬性則表示子元素（即li標簽）平均分布，在每個li標簽之間產生了等同的空白間距。

在li標簽中，我們可以對其padding進行調整，以達到不同的間距效果。例如上述代碼中的padding:10px;表示每個li標簽的內邊距為10像素，因此每個li標簽之間的間距為20像素（兩個li標簽之間的空白間距為兩個li標簽內邊距的和）。

值得注意的是，在使用flex布局時，需要針對瀏覽器兼容性進行一定的處理。同時，在進行橫向排列時，還需要對元素的寬度進行一定的設置，以確保每個li標簽都可以在同一行上進行顯示。

總之，通過CSS設置列表項間的橫向間距可以運用flex布局等技術，從而實現美觀、易讀的網頁設計。希望本文對您有所幫助！