У меня есть несколько div с фиксированной шириной, содержащей теги <p>
, которые содержат различные длины текста.
Я хочу, чтобы этот текст оставался выровненным по левому краю, но если текст занимает не так много места, как ширина div, я бы хотел, чтобы этот текст был выровнен по центру.
Я предполагаю, что наилучшим способом достижения этого было бы горизонтальное центрирование <p>
внутри div, сохраняя текст влево, но я не уверен, как это сделать.
Я пробовал настройку margin:0 auto;
, но <p>
всегда меняет размер на ширину div (если не сказать иначе, но я не хочу этого делать, потому что если текст работает дольше, чем div я не хотят рано разорвать его...)
Я установил здесь JSfiddle, чтобы продемонстрировать: http://jsfiddle.net/VDhUa/
(В основном в этом примере я хотел бы, чтобы объект "Lorem ipsum..." был выровнен по центру без использования text-align:center;
)
Любая помощь будет принята с благодарностью.
Спасибо!