使用css将灵活宽度内容居中

Question

我很难在我的包含div中水平居中（内联？）元素。我希望“某些文本”具有折叠到它的背景，并且所有文本都在包含元素中居中。我知道如果我指定宽度我可以这样做，但我试图避免那个

查看一个简单的例子，我把它放在一起非工作的CSS ... JSfiddle：http://jsfiddle.net/Mqw5R/（即使没有js也能很好用！）

<div>
<p>Some text</p>
</div>

=========================
=                       =
=      |some text|      =
=                       =
=========================

Answer 1

http://jsfiddle.net/Mqw5R/3/

你为什么不放

text-align:center;

你的DIV css里面？

Answer 2

将text-align:center添加到包含元素，而不是子元素，如下所示： http://jsfiddle.net/thomas4g/Mqw5R/1/