html - 我试图在中间放置一行文本，但它不起作用

Question

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

p6 {
    text-align: center;
}

这是一行:

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

Answer 1

HTML5 没有定义 p6 元素(它定义了 h6 元素)。您可能正在使用 custom element ，但由于您没有提供相应的代码，并且其标签名称不遵循自定义元素的命名约定，因此您的浏览器会将 p6 视为 unknown element .

现在，您仍然可以使用这个未知元素，但默认情况下您的浏览器会将其视为 inline element 。如果您指示浏览器将其呈现为 block-level element ，它将正确地将文本居中:

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

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