我无法在正确的<div>标签中获得链接

Question

我正在创建一个有关环境的网站，并且在页面顶部的div中放置了一些链接，但是当我插入链接时，结果发现它们出现在主体中，而不是标题区域中

我已经尝试过使用顶部对齐，但似乎无济于事。

a:link,
a:visited {
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float: right;
  margin-left: 5px;
  margin-top: 25px;
  display: table-cell;
  vertical-align: middle;
}

a:hover,
a:active {
  background-color: red;
}

<div class="header">
  <h2 class="heading"> Environment </h2>
  <a href=""> Contribute </a>
  <a href=""> Newsletter </a>
  <a href="">abc</a>
  <a href="">def</a>
  <a href="">ghi</a>
  <a href="">jkl</a>
</div>

我希望这些链接位于标头div中，但它们会出现在主目录div中。