我想分享一下如何用 CSS 將文本居中。首先要了解的是，文本的居中有多種方法，取決于你的需求和文本所在的容器。
在 HTML 中，我們可以使用 p 標簽來定義一個段落，pre 標簽則用于顯示預格式化的文本。下面的代碼演示了如何將文本在一個 p 標簽中水平居中。

p {
text-align: center;
}

簡單吧？這個代碼將文本在其所在的 p 標簽中水平居中。
但是，如果你想讓文本在頁面中垂直居中，該怎么做呢？這時候我們需要更多的 CSS 代碼。

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
p {
text-align: center;
}

上面的代碼中，我們定義了一個 .container 類，它使用了 flexbox 布局。 display: flex 讓容器變成一個 flexbox 容器，justify-content: center 讓子元素在容器中水平居中，align-items: center 則讓子元素在容器中垂直居中。height: 100vh 讓容器充滿整個視口。
接下來，我們在容器中放置一個 p 標簽，并將文本寫入其中。p 標簽的文本將會根據容器的屬性水平垂直居中。

<div class="container">
<p>這是居中的文本</p>
</div>

希望本文可以幫助你學習如何使用 CSS 將文本居中。