CSS设置p6标签文本居中样式不生效问题求助

• HTML不存在原生<p6>标签，你自定义的<p6>默认属于行内元素，行内元素的默认宽度和内部内容宽度完全一致，text-align: center属性仅对块级元素的内部内容生效，行内元素没有多余的横向空间给内容做居中调整，因此样式不生效。
• 如果你想使用六级标题标签，HTML的原生六级标题为<h6>，仅标题标签有h1到h6的分级，段落标签只有<p>一种，不存在p1到p6的分级标签。

以下任选一种即可：

• 方案1：改用原生块级标签
  把HTML中的<p6>替换为原生块级标签（比如段落<p>或六级标题<h6>），同步修改CSS选择器即可。
  示例CSS：

h6 {
    text-align: center;
}

示例HTML：

<br><h6>~~This text is centered~~</h6><br>

• 方案2：给自定义标签加块级属性
  如果要保留<p6>自定义标签，给CSS规则新增display: block属性，将其强制转为块级元素即可生效：

p6 {
    display: block;
    text-align: center;
}

• 方案3：复用已有的.center类
  你已经写好了.center居中类，直接给对应标签加上该class即可，这个类会让块级元素本身在父容器中居中，如果你需要同时让内部文本也居中，可以在.center的CSS规则里加上text-align: center：
  修改后的CSS：

.center {
    margin: auto;
    width: 50%;
    border: 3px solid black;
    padding: 10px;
    text-align: center;
}

示例HTML：

<br><p class="center">~~This text is centered~~</p><br>

内容的提问来源于stack exchange，提问作者Lohas