HTML＆amp; CSS：IE中的<hr />对齐

Question

使用Internet Explorer时，我遇到了hr-element对齐问题。我想要实现的是以下几行基本上全部集中在页面上。有两个标题，一条水平线（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元素都与左侧对齐。

我该如何解决这个问题？

Answer 1

尝试这个怎么样？

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