html - 页脚栏无法对齐文本

Question

嘿，我页面底部的页脚栏无法对齐文本。

这是我的 html:

  <div class="row">
    <div id="footer">
    <h3>Contact</h3>
    <h3>Computerbasen</h3>
    <h3>Info</h3>
    </div>
  </div>

这是我的 CSS:

#footer {
    background-color: #FF7633;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding-top: 10px;
    text-align:center;
    position: fixed;
    bottom: 0;
  }

Click here and see the image of the footer bar

Answer 1

你知道 html 中有一个页脚标签，试试这个:

<footer>
<h3>Contact</h3>
<h3>Computerbasen</h3>
<h3>Info</h3>
</footer>

footer {
  background-color: #FF7633;
    width: 100%;
    height: 50%;
    border-radius: 5px;
    padding-top: 10px;
    text-align:center;
    bottom: 0;
}