HTML & CSS : alignment in 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; }