HTML5是一門非常強大的標記語言，尤其是在布局方面，它提供了豐富的CSS和JavaScript API來實現各種布局要求。我們在設計網頁時常常會遇到使文本垂直居中或水平居中的需求。本文將介紹如何使用HTML5來實現這一需求。

// 設置文本水平居中
.center {
text-align: center;
}
// 設置文本垂直居中
.vertical-center {
display: flex;
align-items: center;
}

代碼中，我們首先通過設置text-align屬性來實現文本水平居中。如果需要多個元素水平居中，可以將它們都設置為該類。然后，我們使用flex布局的align-items屬性來實現文本的垂直居中。可以將容器的display屬性設置為flex，然后將align-items屬性設置為center即可。

通過上述兩個類，我們可以輕松地實現文本的水平和垂直居中。HTML5為網頁設計師提供了更多的靈活性和更好的體驗，我們可以更好地掌控文字的位置和范圍，從而設計出更生動有趣的網頁。