在CSS中，我們通常使用text-align屬性來控制文字水平對齊方式。但是，如果我們要將一個單獨的字母或符號垂直居中，又該怎么辦呢？

這時候，就可以用到vertical-align屬性了。在vertical-align中，我們可以設定以下值：

baseline    // 默認值
top         // 頂部對齊
bottom      // 底部對齊
middle      // 居中對齊
text-top    // 文字頂部對齊
text-bottom // 文字底部對齊

其中，我們要實現的是讓字母或符號垂直居中，所以我們使用vertical-align: middle;來實現目標。

接下來，我們為了方便演示，可以先創建一個TH的文本。

<div class="container">
<span class="big-letter">T</span>
<span class="small-letter">H</span>
</div>

現在，我們需要將小寫字母H垂直居中。

.small-letter {
font-size: 20px;
vertical-align: middle;
}

通過設置類名為small-letter的vertical-align屬性為middle，就實現了小寫字母H垂直居中。

在實際應用中，vertical-align屬性除了可以應用在單個字符上，還可以用來居中行內元素和表格單元格中的內容。