在网页设计中，导航栏是非常重要的元素之一。但是，有时候默认的导航栏并不符合我们的要求，比如竖直排列或者包含不必要的样式。在这种情况下，我们需要使用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代码，我们可以非常方便地将导航栏设置为水平排列，从而使网页更加美观和易于使用。