html导航条的制作横向

要制作一个横向的HTML导航条，可以通过以下步骤来完成：

1. 创建一个无序列表（ul），并设置其样式为水平列表（display: inline-block）。

<ul style="list-style-type:none; margin:0; padding:0; display:inline-block;">

2. 在列表中添加列表项（li），并设置其样式为水平排列（display: inline-block）。

<li style="display:inline-block; margin-right:20px;"><a href="#">链接1</a></li>
<li style="display:inline-block; margin-right:20px;"><a href="#">链接2</a></li>
<li style="display:inline-block; margin-right:20px;"><a href="#">链接3</a></li>

3. 为列表项中的超链接（a）设置样式，如字体大小、颜色、样式等。

a {
  display:inline-block;
  color:#333;
  font-size:16px;
  text-decoration:none;
  padding:5px 10px;
}

4. 将样式应用到HTML文档中的导航条元素。

<nav>
  <ul style="list-style-type:none; margin:0; padding:0; display:inline-block;">
    <li style="display:inline-block; margin-right:20px;"><a href="#">链接1</a></li>
    <li style="display:inline-block; margin-right:20px;"><a href="#">链接2</a></li>
    <li style="display:inline-block; margin-right:20px;"><a href="#">链接3</a></li>
  </ul>
</nav>

这样就可以制作出一个简单的横向HTML导航条了。如果需要更多的样式调整，可以根据需求进行调整。