Горизонтально центр <p>внутри div, сохраняя текст влево-выровненном

У меня есть несколько div с фиксированной шириной, содержащей теги <p>, которые содержат различные длины текста.

Я хочу, чтобы этот текст оставался выровненным по левому краю, но если текст занимает не так много места, как ширина div, я бы хотел, чтобы этот текст был выровнен по центру.

Я предполагаю, что наилучшим способом достижения этого было бы горизонтальное центрирование <p> внутри div, сохраняя текст влево, но я не уверен, как это сделать.

Я пробовал настройку margin:0 auto;, но <p> всегда меняет размер на ширину div (если не сказать иначе, но я не хочу этого делать, потому что если текст работает дольше, чем div я не хотят рано разорвать его...)

Я установил здесь JSfiddle, чтобы продемонстрировать: http://jsfiddle.net/VDhUa/

(В основном в этом примере я хотел бы, чтобы объект "Lorem ipsum..." был выровнен по центру без использования text-align:center;)

Любая помощь будет принята с благодарностью.

Спасибо!

Ответ 1

Установите свой внешний div на text-align: center; и ваш внутренний p на display: inline-block;

Fiddle: http://jsfiddle.net/ZL4GM/