CSS 是一種廣泛應用于網頁設計中的樣式語言，它能夠控制文檔的呈現效果，包括文字水平居中。

代碼：
.container {
display: flex; /* 使用 Flexbox 布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

要實現文字水平居中，我們需要使用 CSS 的 Flexbox 布局。首先，我們需要給包裹文字的容器加上一個 class 名為.container。接下來，我們在 CSS 文件中設置這個容器的樣式。

在樣式中，我們先使用display: flex;將容器設置為 Flexbox 布局。然后，使用justify-content: center;將其內部元素水平居中。最后，使用align-items: center;將其內部元素垂直居中。

這樣，我們就可以實現文字水平居中了。當然，如果想對某個具體的文字進行水平居中，只需要給其加上一個 class 并設置text-align: center;即可。

總的來說，掌握 CSS 的 Flexbox 布局是實現水平居中的重要基礎，可以通過官方文檔或教程進行學習。同時，在實際應用中要根據具體情況進行選型和調整，以達到最佳效果。