在CSS中，我們通常使用ul或ol列表來展示一些數據或者內容。而其中的li標簽是列表中的單獨條目，我們可以通過CSS樣式把它們并排展示出來。 首先，我們需要使用display屬性來更改li標簽的默認行為。li標簽的默認行為是塊級元素，也就是說它們會占據整個父元素的寬度。我們需要將其改為行內塊級元素，讓它們能夠并排。 例如，我們要將一個含有3個li標簽的列表水平展示，可以把代碼寫成以下樣子：

<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>

接下來，在CSS中為li添加樣式，將它們變為行內塊級元素：

ul li {
display: inline-block;
}

代碼中的ul li表示將樣式應用到ul元素下的所有li元素。display: inline-block;這一行則將li元素變為行內塊級元素。 如果想要讓li元素之間有一定的間隔，可以添加margin屬性：

ul li {
display: inline-block;
margin-right: 10px;
}

其中margin-right: 10px;為每個li元素右側添加10像素的外邊距，讓它們之間有一定的距離。 如果想要在li元素上添加背景色或者其他樣式效果，也可以在CSS中添加相應的屬性。 通過上述過程，我們可以將li元素橫向排列，實現水平布局。這種方式通常被用于制作導航欄、圖片墻等需要橫向展示的內容。