CSS橫向菜單是網站導航欄中經常使用的一種設計，下面介紹橫向菜單的實現方法。

/* CSS代碼 */
.nav {
list-style: none;
margin: 0;
padding: 0;
display: flex;
/* 設置子元素水平排列 */
flex-direction: row;
}
.nav li {
margin: 0 10px;
}
.nav a {
/* 去掉下劃線 */
text-decoration: none;
/* 設置文字顏色 */
color: #333;
}

以上代碼是基本的CSS樣式，將ul設置為flex布局，使用flex-direction屬性將子元素水平排列。同時設置li元素的margin為0 10px，也可以根據需要調整。

<!-- HTML代碼 -->
<ul class="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">關于</a></li>
</ul>

以上是HTML代碼，將ul元素設置為.nav類，li元素包裹a元素，這里只是簡單地演示，實際項目中可能包含更多元素。

綜上所述，實現橫向菜單的主要方法是使用flex布局，根據實際需求調整元素的樣式。