CSS3技術為網站的排版提供了更豐富的選擇，其中橫向排列列表是非常實用的一種。橫向排列列表可以讓頁面變得更加美觀，同時也可以提高用戶的使用體驗。下面我們來學習一下如何使用CSS3實現橫向排列列表。

<ul class="hlist">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">圖片</a></li>
<li><a href="#">視頻</a></li>
<li><a href="#">音樂</a></li>
</ul>

首先我們需要使用 `

` 和 `
• ` 標簽來編寫HTML結構，然后為 `
  ` 標簽添加一個名為 "hlist" 的 class屬性，這個屬性是在CSS中用來定義列表的樣式的。接著我們在CSS中定義 `.hlist` 類的樣式，包括列表樣式、內邊距、外邊距，以及使用 flex 布局，這樣就可以讓列表中的元素排列在同一行。此外，每個列表項還要添加 `margin-right` 屬性來控制它們之間的距離。

  這樣就可以實現橫向排列列表了。如果需要進一步美化列表樣式，可以通過修改樣式文件來實現。CSS3技術的發展為我們的網站排版提供了更多的選擇，我們可以創造出更多的想象空間來實現更加出色的設計效果。