Центр выровнять элемент p в div или td

Я хочу, чтобы абзац был центрирован, но текст внутри абзаца должен быть выровнен по левому краю. Например, я не могу использовать text-align: center, потому что этот центр выравнивает фактический текст. Как это сделать, используя css? Я уверен, что есть простое решение, но я новичок в css, и я не могу найти ответ нигде.Центр выровнять элемент p в div или td

источник

2015-03-14 JDOdle

Дайте пункт ширину и запас авто: JS Fiddle

p { 
    width: 300px; //or a percentage width (just not auto) 
    margin: auto; 
    text-align: left; 
}

Или, как вы просили в комментариях - с прокладкой: JS Fiddle

p { 
    padding-left: 50px; 
    padding-right: 50px; 
    text-align: width; 
}

источник

2015-03-14 23:02:20

это отличное решение, можно ли сделать что-то подобное используя пробел, а не поля? – JDOdle

Я не могу позволить регулировать ширину p, она должна иметь постоянную ширину, например, 300px – JDOdle

. Тогда вам нужно будет использовать первое решение (или положить его в обертку - с использованием того же решения). Вы также можете добавить дополнительное дополнение, если это необходимо. –

<div class=center_div> 
    <p>text here</p> 
</div> 

<style> 
.center_div 
{ 
    width: 50% 
    margin: 0 auto 
    background-color: red; 
} 


.center_div p 
{ 
    text-align: left 
} 
</style>

jfiddle: https://jsfiddle.net/pvozycku/

источник

2015-03-14 23:03:35

Центр выровнять элемент p в div или td

ответ

Смежные вопросы