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*/ 
}