網頁開發中，布局是非常關鍵的一環。CSS是網頁排版的核心，掌握CSS的布局方法對你的網頁布局效果、工作效率和代碼可維護性都有很大的影響。而使用ul和li標簽來實現橫向布局是一個非常常用的技巧。下面我們來看看如何使用CSS來實現li橫著擺放。

首先我們需要使用ul和li標簽來構建菜單或列表。這里我簡單地給出一個例子：

<ul>
<li>首頁</li>
<li>新聞</li>
<li>產品</li>
<li>聯系我們</li>
</ul>

如果我們需要讓這些li橫著顯示，我們可以使用以下CSS代碼：

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
}

首先我們清除了ul的默認樣式，然后將li的display屬性設置為inline-block，這樣li元素會像行內元素一樣橫向排列。你可以根據需要設置其他的樣式，比如字體大小、顏色、背景色等。

如果你想要讓li之間有間隔，可以加上margin-right屬性。同時，你也可以為某些li添加特殊樣式：

li {
display: inline-block;
margin-right: 10px;
}
li.special {
color: red;
font-weight: bold;
}

以上就是使用CSS實現li橫著擺放的方法。希望本文能對你有所幫助，也歡迎大家在評論區留言，與我們分享你的想法和技巧。