首先，我們在html的標簽中設置下面的代碼：

<p class="text">這是一段測試文字</p>

接下來，我們使用CSS來控制文本如何垂直對齊：

.text {
display: flex;  /* 使用flexbox布局 */
align-items: center; /* 沿中心線對齊 */
justify-content: center; /* 沿主軸對齊 */
height: 100%; /* 高度設置為100%,以確保垂直居中 */
}

這些代碼將使我們的文本在其textarea中垂直居中。解釋如下： - display: flex;：使用Flexbox布局。 - align-items: center;：將文本沿中心線垂直居中。 - justify-content: center;：將文本沿主軸（水平方向）居中。 - height: 100%;：將文本框高度設置為100%以確保垂直對齊。 我們也可以將該CSS樣式放入我們的全局樣式表中：

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

CSS是一個非常強大的工具，可以讓我們控制許多不同的樣式和排版屬性。通過使用CSS，我們可以輕松地垂直對齊我們的文本，以確保它在我們的頁面中始終呈現最佳效果。