本文將介紹如何使用CSS使列表橫向排列。首先需要使用HTML中的無序列表（ul）或有序列表（ol），然后給每個列表項（li）設置一個display：inline-block的CSS屬性，這樣就可以使列表橫向排列。 以下為代碼示例： ```html

• 列表項1
• 列表項2
• 列表項3

``` ```css ul li { display: inline-block; } ``` 當使用上述代碼后，無序列表中的列表項就可以橫向排列。 接下來介紹下文章段落如何使用p標簽，將文章內容分段并加上樣式。段落是一個基本的文章組織單元，可以使用HTML的段落標簽p來定義每個段落，并使用CSS對段落進行樣式設計。 以下為代碼示例： ```html

第一段內容

第二段內容

第三段內容

``` ```css p { font-size: 16px; line-height: 1.5; margin-bottom: 20px; } ``` 當使用上述代碼后，文章中的每個段落都會按照樣式進行顯示。 最后，介紹下代碼如何使用pre標簽，用于顯示代碼或編程語言。pre標簽會將標簽中的文本原樣顯示，忽略空格、制表符和換行符等。通常用于顯示代碼塊。 以下為代碼示例： ```pre

頁面頭部

頁面內容

頁面底部

``` 在HTML頁面中使用pre標簽，可以將以上代碼塊整個原樣展示，不會被網頁解析器解析。 通過以上介紹，讀者可以了解到如何使用CSS實現列表橫向排列、如何使用p標簽對文章段落進行樣式設計、如何使用pre標簽來展示代碼塊。