HTML & CSS: <hr> 在 IE 中对齐

Question

我在使用 Internet Explorer 时遇到了 hr 元素对齐问题。我想要实现的是以下几行基本上都以页面为中心。有两个标题，一条水平线（200px 宽）和一行带有作者姓名的文字。

HTML：

<h1>Headline 1</h2>             
<h2>Headline 2</h3>
<hr>
<p>Author name</p>

CSS：

> h1 {text-align: center;} 
> h2 {text-align: center;} 
> p  {text-align: center;} 
> hr {width: 200px; text-align: center;}

如您所见，我在 CSS 中定义了 hr 元素，使其应居中 - 在 Chrome、Firefox 和 Opera 中也是如此。但是每次用微软的IE（版本：11，也有手机浏览器）打开页面，hr-element是左对齐的。

我怎么解决这个问题？

Answer 1

试试这个怎么样？

hr { display: block; margin: 0 auto; }