теперь я вижу, я неправильно вопрос все эти месяцы назад. Чтобы центрировать каждый paragrapah себя в пределах его родителя div
, когда это шире max-width
абзаца, вам просто нужно добавить margin
свойство этого правила включены в ваш вопрос, установив margin-left
& margin-right
в auto
, например, так:
.content1>p,.content2>p{
background-color:rgba(0,0,0,.02);
margin:0 auto;
text-align:center;
max-width:280.34px;
}
Ваш текст сосредоточен в этих параграфах. Однако, поскольку текст в этих парагрпах - это одна и та же строка, повторяющаяся несколько раз, при некоторых размерах вы получите текст, в котором каждая строка абзацев идентична, что делает абзацы выглядят оправданными, а не центрированными. В этих случаях, однако, вы можете просто увидеть центрирование на последней строке, которая не заканчивается запятой.
Чтобы избежать подобных проблем в будущем, попробуйте вместо этого использовать «lorem ipsum».
Где вы хотите поместить свои абзацы? И вам нужно поставить их бок о бок? – hiew1