Центрирование гибкой ширины содержимого с помощью 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/