我們在編寫網頁時經常使用有序或無序列表來呈現信息。這時我們使用了HTML中的li標簽，但是有時候我們希望li標簽內的內容不要換行，而是在同一行展示。那么該如何實現呢？

<ul>
<li>蘋果</li><li>桔子</li><li>香蕉</li>
</ul>

以上代碼會呈現出類似以下的有序列表：

• 蘋果
• 桔子
• 香蕉

我們可以加入CSS樣式，對li標簽進行控制。我們可以設置li標簽的display屬性值為inline，這樣就不會再自動換行了。

ul li {
display: inline;
}

使用樣式表后，以上代碼將會呈現出如下樣式：

• 蘋果
• 桔子
• 香蕉

可以看到，li標簽內的內容都在同一行呈現了。我們還可以使用float屬性來控制，方法是設置float: left。這樣可以把每個li標簽都浮動到左邊，達到同一行排列的效果。

ul li {
float: left;
}

以上代碼將會呈現出如下樣式：

• 蘋果
• 桔子
• 香蕉

通過設置li標簽的display屬性值或float屬性，我們就可以實現不換行的li標簽樣式。