在網頁設計中，導航欄是非常重要的元素之一。但是，有時候默認的導航欄并不符合我們的要求，比如豎直排列或者包含不必要的樣式。在這種情況下，我們需要使用CSS來實現水平導航欄。

nav {
display: flex; /* 將導航欄設置為flex布局 */
justify-content: center; /* 水平居中 */
}
nav ul {
list-style: none; /* 去除默認的列表樣式 */
}
nav ul li {
margin: 0 20px; /* 設置每個導航項之間的間距 */
}
nav a {
text-decoration: none; /* 去除下劃線 */
color: #333; /* 設置導航項的顏色 */
}

首先，我們需要將導航欄設置為flex布局，這樣里面的元素才可以水平排列。接著，我們使用justify-content屬性將導航欄水平居中，使其不會偏離頁面。然后，我們需要去除默認的列表樣式，并設置每個導航項之間的間距。最后，我們可以通過a標簽來設置導航項的顏色和去除下劃線。

通過上述的CSS代碼，我們可以非常方便地將導航欄設置為水平排列，從而使網頁更加美觀和易于使用。