如何使用 CSS 將列表橫排？
在 CSS 中有多種方法可以將列表橫排，其中一種方法是使用 display 屬性設置為 inline-block。
具體操作如下：
1. 使用 HTML 的 ul 和 li 標簽創建一個列表。

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

2. 在 CSS 中為 ul 和 li 標簽設置 display 屬性為 inline-block。

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

3. 為了避免列表項之間出現不必要的空格，可以在 HTML 中使用注釋或者空格來消除。

<ul>
<li>列表項1</li><!--
--><li>列表項2</li><!--
--><li>列表項3</li>
</ul>

最終效果如下：
列表項1 列表項2 列表項3
注意，在代碼中的換行以及空格都會對渲染結果產生影響。因此可以使用 pre 標簽來保留代碼中的格式。

<pre>
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
display: inline-block;
margin-right: 20px;
}
</pre>

希望這篇文章能夠幫助你理解如何使用 CSS 將列表橫排，并且正確運用 HTML 中的 p 標簽和 pre 標簽。