使用HTML CSS创建中心对齐文本

Question

我有一幅div内的文本视图的图片，它是居中对齐。 文本视图显示为-

另一个例子

但是，如果我使用以下代码-

margin-left: auto;
margin-right: auto;
text-align: center;

但是这段代码给了我

这是jsfiddle中的代码-

https://jsfiddle.net/2bu0gym3/

如何获得所需的对齐视图，请提前感谢！

Answer 1

您必须将p本身或其父对象居中。

.testimonials p ,.events P{
  margin: 0% 3%;
  text-align:center;
}

Answer 2

您只需添加：

p {
text-align: center
}

它应该工作。 据我所知，现在您的代码中没有任何内容（没有类，id或其他东西）可以使文本居中对齐。

Answer 3

在@media您忘了添加.testimonials p

@media only screen and (max-width:767px){
  .testimonials img,.work-service,.testimonials p{
    margin-left:auto;
    margin-right: auto;
    text-align: center !important; 
  }