在網頁開發中，導航欄是一個十分重要的組件，它可以幫助用戶快速定位到所需要的信息。其中，橫置導航欄是最常見的一種。

<ul class="nav-menu">
<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>
<style>
.nav-menu {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.nav-menu li {
padding: 0 20px;
}
.nav-menu li a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #000;
}
.nav-menu li a:hover {
background-color: #f5f5f5;
}
</style>

在上面的代碼中，我們使用了ul和li標簽來創建導航欄，然后給ul標簽添加了一個名為nav-menu的class，用來設置其樣式。我們使用了flex布局，并設定了justify-content為center，以實現導航欄居中對齊。同時，我們還設置了list-style為none，去除了原有的列表樣式。

接著，我們對每個li標簽和其中的a標簽進行樣式設置，設置了padding、text-decoration和color等樣式屬性。當鼠標懸停在導航欄上方時，我們使用:hover偽類為a標簽設置了一個background-color屬性，實現了懸停樣式的效果。

通過上述的代碼和解釋，我們可以輕松地創建一個簡單的橫置導航欄，幫助用戶更加方便地使用網頁。