css - 使用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 中？