CSS橫向菜單是網頁設計中經常使用的元素，它可以提高網站的可讀性和可操作性。下面是一個基礎的CSS橫向菜單代碼示例：

<ul class="menu">
<li><a href="#">菜單項1</a></li>
<li><a href="#">菜單項2</a></li>
<li><a href="#">菜單項3</a></li>
<li><a href="#">菜單項4</a></li>
</ul>
.menu {
list-style: none; /* 去掉自帶的點樣式 */
padding: 0; /* 去掉默認的內邊距 */
margin: 0; /* 去掉默認的外邊距 */
}
.menu li {
display: inline-block; /* 設置為行內塊元素 */
margin-right: 20px; /* 控制每個菜單項之間的距離 */
}
.menu li:last-child {
margin-right: 0; /* 去掉最后一個菜單項的右邊距 */
}
.menu a {
display: block; /* 設置為塊元素 */
padding: 10px; /* 控制文字和菜單項的間距 */
text-decoration: none; /* 去掉下劃線 */
color: #333; /* 設置文字顏色 */
}

CSS橫向菜單的實現大致就是這樣，通過設置display屬性、margin屬性和padding屬性等屬性，控制菜單項的布局和樣式。如果需要更復雜的橫向菜單效果，可以通過使用CSS的偽類和組合選擇器等高級技巧來實現。