在HTML5中，水平導航欄是一種非常常見的網站設計元素。如果你想要自定義導航欄的文字樣式，其中一種方法就是調整文字之間的間隔距離。下面是一段HTML5代碼，可以實現這個效果：

<style type="text/css">
.navbar {
display: flex;
list-style: none;
justify-content: center;
padding: 0;
margin: 0;
}
.navbar li {
margin: 0 20px;
}
.navbar li a {
color: #333;
text-decoration: none;
letter-spacing: 2px;
}
</style>
<nav>
<ul class="navbar">
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

在這段代碼中，我們首先創建了一個class為“navbar”的ul元素，這個元素將會成為我們的導航欄容器。通過將display屬性設為flex，我們能夠讓導航欄水平排列。接下來，我們通過設置list-style為none，padding和margin為0，能夠去除導航欄中的默認樣式。之后，我們設置了li元素的margin屬性為0 20px，這樣可以讓每個導航欄項之間保持一定的距離。

最后，我們在a標簽中設置了letter-spacing為2px，這樣就能夠在每個單詞之間增加2px的距離。如果你想要調整這個距離，只需要修改這個屬性的值即可。