html - 无法在 css <div> 页脚上居中放置文本

Question

我试图在页脚上添加集中文本，但文本始终位于左侧，即使在将边距设置为自动和 text-align: center 之后也是如此。 谁能找出缺少的内容？

.footer {
  position: absolute;
  margin: 100px auto 0;
  background-color: #393e46;
  height: 15%;
  top: 360%;
  padding: 16px 16px 0 16px;
  left: 0;
  right: 0;
}

.hyperlink {
  color: #cdffeb;
  position: relative;
  text-align: center;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  font-size: 2em;
}

<div class="footer">
<a class="hyperlink" href="https://www.linkedin.com/in/diogo-neiss-501001165/">LinkedIn</a>
<a class="hyperlink" href="https://github.com/diogoneiss">Git Hub</a>
</div>

Answer 1

只需将 text-align: center 添加到页脚即可修复它，这是一个实时示例 https://codepen.io/dobladov/pen/WLPoJy