vertical-align是設置在內聯元素或者單元格上的。前者是讓內聯元素本身在一行里進行某種垂直對齊。后者是讓單元格內部的整個內容相對于單元格這個容器進行某種垂直對齊方式。

而text-align是設置在塊級元素上，讓內部的內聯子元素進行水平對齊的。

text-align還是好理解一些，設置在父容器，讓子元素去對齊。vertical-align一般設置在內聯元素本身（看作設置在子元素上），讓它自己相對于line box（內聯元素的容器）去對齊；特殊場景，vertical-align設置在父容器單元格上，讓子元素去對齊。

因為 text-align 對作為塊級元素的子元素無效，但子元素的文本會繼承 text-align 的效果導致該文本在子元素內水平居中。

子元素的文案是居中，并且是可以繼承的。塊級子元素不能居中。