尝试使用 "text-align: center;"，适用于某些文本，但不适用于其他文本

Question

正如标题所说，我正在尝试使用“text-align: center;”，但它不适用于特定的文本块。它适用于其他人，所以我对此感到困惑。我是一个彻头彻尾的菜鸟哈哈（已经学习 HTML 和 CSS 大约 5 天了），并决定利用我的知识在项目中轻松获得 100 分。请耐心等待。这就是导致问题的原因。

CSS:

p4 {
text-align: center;

}

HTML:

<p4>
Over here, we have an economy consisting<br> of mostly fishing, shipbuilding, wheat<br> growing, and fur trapping. There are<br> many different economic opportunities.
</p4>

（抱歉，我不知道该放什么，所以你应该查看完整的代码，它在底部附近：https://codepen.io/fishstick_god_/pen/ZEWjLyX）

Answer 1

text-align: center 将文本与元素的中心对齐，在您的情况下，p4 元素不是页面的整个宽度，因此它仅以内容的宽度为中心。简单的解决方法是将 display: block 添加到您的 p4

Answer 2

p4 不是有效的 HTML 标签，因此浏览器不清楚如何显示它。您应该只使用 p 作为段落所有实例的标记。如果你想对其中一个段落进行特定的样式设置，使其与其他段落不同，那么还可以在标签中包含一个 class 属性，就像在 HTML:

中这样

<p class="special">

然后，在 CSS 中创建一个 class 选择器，如下所示

.special { text-align: center; }

您可以将相同的 HTML class 放在任何 text-containing 标签（如 p、h1、li 等）上，它会将这些标签居中。请注意，您不能 text-align: center;任何没有默认块显示的标签，例如 a 标签或 img 标签。此外，您不能将结构标签（如 div、header、nav 等）与 text-align: center; 居中；因为，好吧，它们不是文本。您还可以在 CSS 中做出其他选择以将它们居中。

Answer 3

text-align 适用于 so-called 块级元素 。喜欢 div 或 p。参见，例如，https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

p4 不合格。尝试普通 p:

<p style='text-align: center'>Hello World!</p>

尝试使用 "text-align: center;"，适用于某些文本，但不适用于其他文本

Trying to use the "text-align: center;", works on some text, and doesn't on others

text-align