CSS導航橫放可以讓網站的導航菜單變得更加美觀和易于使用。在HTML中使用<ul>和<li>元素創建一個基本的無序列表，然后使用CSS樣式將其轉換為導航菜單。在這里，我們將使用CSS的display屬性來控制列表項的水平呈現方式。

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 20px;
}
a {
display: block;
padding: 10px;
text-decoration: none;
font-size: 18px;
}
a:hover {
background-color: #333;
color: #fff;
}

在上面的代碼中，我們首先規定了<ul>元素的一些基本樣式，同時將其內邊距和外邊距設置為0以確保導航菜單與周圍的元素之間沒有空隙。接下來，我們為<li>元素設置成為行內塊級元素，并且設置一個右側邊距，以便我們可以控制導航菜單項之間的間隔。

為了讓導航菜單項成為可點擊的鏈接，我們為每個<li>元素內添加了一個<a>元素，以便用戶可以通過單擊菜單項來導航到其他頁面。我們通過調整內邊距、字體大小和文本修飾等屬性來使每個菜單項看起來更加美觀。

最后，我們使用了:hover偽類來創建鼠標懸停狀態下的菜單項樣式。這會幫助用戶更容易地識別他們當前懸停的菜單項。

通過這些簡單的CSS代碼，我們可以快速而輕松地創建一個美觀的橫向導航菜單。這種導航風格在網站設計中非常常見，無論是在桌面還是移動設備上。