Center div並保持其長度與文本一樣寬而不設置寬度

Question

如何將div標題居中並保持其長度與文本里面的文本（我的標題）一樣寬，而不需要爲.headline設置寬度。

<div class="sidebar"> 

    <div class="headline"><p>My title</p></div> 

</div> 

現在，我使用這個CSS，但 「我的標題」 是由PHP生成和長度不同：

.headline { 
    width: 5em; 
    background: #900; 
    color: #FFF; 
    text-align: center; 
    text-transform: uppercase; 
    line-height: 2em; 
    border: solid 1px #555; 
    border-top: none; 
    padding: 0; 
    margin: 0 auto 
} 

謝謝

Answer 1

.sidebar { 
    text-align: center; 
} 
.headline { 
    display: inline-block; 
} 

Answer 2

這樣寫：

.sidebar{ 
text-align:center; 
} 
.headline { 
    background: #900; 
    color: #FFF; 
    text-align: center; 
    text-transform: uppercase; 
    line-height: 2em; 
    border: solid 1px #555; 
    border-top: none; 
    padding: 0; 
    display:inline-block; 
    *display:inline; /*For IE7*/ 
    *zoom:1; /*For IE7*/ 
}