我的导航栏显示我以前从未见过的问题

【问题标题】：My navigation bar is showing issues never seen before by me我的导航栏显示我以前从未见过的问题
【发布时间】：2020-02-08 21:29:05
【问题描述】：

正如您在标题中看到的那样，我一直在尝试制作导航栏，但遇到了一些我以前从未遇到过的问题。我什至列了一个清单：

1. 即使不属于 div 类的按钮仍会粘在导航栏中。

导航栏

1. 好吧，我以前见过这个，但我对HTML 有点生疏了，不太记得如何修复它。如果您无法分辨，则链接未与文本/徽标对齐。我怎样才能解决这个问题？我正在努力让它变得苗条。

background-color: #252036;

}
#navigation-container {
  width: 1200px;
  margin: 0 auto;
  height: 70%;
}
.navigation-bar {
  background-color: #1c172c;
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
  text-align: right;
}
.navigation-bar ul {
  padding: 0px;
  margin: 0px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
}
.navigation-bar li {
  list-style-type: none;
  padding: 0px;
  display: inline;
  text-align: right;
}
.navigation-bar li a {
  color: black;
  font-size: 16px;
  font-family: basic;
  text-decoration: none;
  line-height: 70px;
  padding: 5px 15px;
  opacity: 0.7;
}
#menu {
  float: right;
}

<div class="navigation-bar">
  <div id="navigation-container">
    <h1>SINUS</h1>
    <ul>
      <li><a href="#">Home</a></li>
    </ul>
  </div>
</div>
<button>Download</button>

【问题讨论】：

• <link><a href="#">Home</a></link> 至少应该是<li><a href="#">Home</a></li>。
• 我知道，但这几乎是一回事。我正在测试一些东西，这导致我将它从
• 更改为 并且我忘记了撤消我的更改。编辑：意识到我的错误哈​​哈，谢谢！