導航欄是網站設計中不可或缺的一部分，其橫向排列常常是最常見的一種布局方式。下面是一份使用CSS實現導航欄橫向排列的樣式代碼示例。

nav {
display: flex;
justify-content: center;
}
nav ul {
display: flex;
list-style: none;
}
nav li {
margin: 0 10px;
}
nav a {
text-decoration: none;
color: #333;
font-weight: bold;
padding: 10px;
border-radius: 10px;
}

首先，我們需要將導航條的容器元素設置為flex布局，并在水平方向上居中對齊。這樣可以保證導航條在不同頁面寬度下都能夠居中。接下來，我們將ul元素的默認標志去掉，并設置為flex布局，這就使得我們的導航項可以橫向排列。我們還可以通過設置li元素的margin來調整導航項之間的間距。最后，我們需要定義導航鏈接的樣式，使其具有辨識度。這份樣式代碼中，我們設置了導航鏈接的字體、字體顏色、字體加粗、內邊距、圓角半徑等屬性，以便更好地吸引用戶的注意力。

使用這份CSS代碼，即可輕松地實現導航欄橫向排列，提升用戶的使用體驗和頁面的可讀性。