HTML5 CSS3 : works fine in Chrome. 在Firefox中出现在网页右侧

Question

我已升级到最新版本的 Firefox，但这种情况仍然存在。它在 Chrome 中运行良好。我的水平线没有出现在它所属的页面底部附近，而是在 firefox 中的网页右侧出现了一条 1024 像素的线。

HTML5:

hr {
  height: 2px;
  width: 1000px;
  border-color: #938FEB;
  margin-left: 12px;
  margin-right: 12px;
}
footer {
  background-color: black;
  width: 1024px;
}

<footer>
  <p/>
  <hr/>
  <p style="text-align:center;"><a href="default.html">Home</a> | <a href="form.html">E-Mail     Form</a> | Calendar |</p>
  <br/>
</footer>

我不知道是什么原因造成的。谢谢

Answer 1

您需要更清楚地了解您要实现的目标，也请发布 jsfiddles，以便我们可以处理或缩进您的代码。

hr {
  height: 2px;
  width: 1000px;
  border-color: #938FEB;
  margin-left: 12px;
  margin-right: 12px;
}
footer {
  background-color: black;
  width: 1024px;
}

<footer>
  <p/><!--(Not valid)-->
  <hr/>
  <p style="text-align:center;">
    <a href="default.html">Home</a> | <a href="form.html">E-Mail Form</a> | Calendar |
  </p>
  <br/>
</footer>

http://jsfiddle.net/25zcvws2/