CSS 中的文本对齐 - 如何将居中的文本与 HTML 对齐

在本文中，我将向你展示如何text-align在 CSS 中使用该属性，并展示如何使用 CSS Flexbox 垂直对齐文本。我还将讨论<center>标签以及为什么不应该使用它来居中文本。

如何text-align在 CSS 中使用属性

当你使用标题或段落标签时，HTML 中的默认样式会将文本放置在页面的左侧。

在这个例子中，我们有一个<h1>放在页面左上角的。

<h1 class="title">Let's learn about centering text</h1> 

如果我们想在页面上水平居中文本，那么我们可以使用该text-align属性。

.title {
  text-align: center;
} 

如果你想将页面上的所有文本水平居中，则可以使用text-align正文选择器中的属性。

在下一个示例中，我们的 HTML 中有更多文本。

<h1>freeCodeCamp is aw