h1居中並且調整爲文本大小的bakground顏色

Question

我試圖讓一個<h1>居中並且背景色調整爲文本大小。正如你所看到的，現在它不是中心的。這是我的嘗試：

<h1>this text must be centered</h1> 

h1 { 
    background-color: red; 
    display: inline-block; 
    margin: 0 auto; 
    padding: 5px; 
} 

http://jsfiddle.net/UtL4N/1/

Answer 1

請做如下。您應該使用display:table;作爲h1。

<h1>this text must be centered</h1> 

h1 { 
    background-color: red; 
    display: table; 
    margin: 0 auto; 
    padding: 5px; 
} 

fiddle