css - 无法将 div 内的 p 与边距 0 auto 对齐

Question

我不知道发生了什么，但我无法对齐 <p>在 div 里面与 margin:0 auto;我不明白哪里出了问题或遗漏了什么，这是代码:

<div class="test">
    <p>Text that has to be centered</p>
</div>

这是CSS

 .test
  {
     width: 100%; 
     margin: 0 auto;
     max-width: 600px;
     text-align:center;
     background-color: #ececec; 
  }
 .test p
  {
     display:inline-block;
  }

有了这个，文本在 div 的中心移动了一点点，但它没有完全居中

Answer 1

 .test p {
  text-align: center;
}

这就是你所需要的。

如果您将 block 元素居中，则需要 margin:auto