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元素都與左側對齊。

我怎樣才能解決這個問題？

Answer 1

試試這個怎麼樣？

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