使用 text-align

最常见和最简单的居中类型是元素中的文本行。为此目的，CSS 有规则 text-align: center：

HTML

<p>Lorem ipsum</p>

CSS

p {
    text-align: center;
}

这不适用于整个块元素的居中。text-align 仅控制其父块元素中的内联内容（如文本）的对齐方式。

在 Typography 部分中查看有关 text-align 的更多信息。