垂直对齐是在布局HTML页面时经常使用的特性之一，我们可以使用CSS中的vertical-align属性来控制元素在垂直方向上的位置。这个属性是应用到内联元素（inline）和表格单元（table-cell）上的。对于块级元素，我们应该使用margin来实现。
在内联元素和表格单元中使用VerticalAlignment属性，您可以将元素相对于其父元素的基线（baseline）或底部（bottom），中心（middle），顶部（top）的位置来排布。例如：
vertical-align: baseline;元素的基线将与其父元素的基线对齐。vertical-align: bottom;元素的下边缘将与其父元素的下边缘对齐。vertical-align: middle;元素将与其父元素的垂直方向的中心对齐。vertical-align: top;元素的上边缘将与其父元素的上边缘对齐。
需要注意的是，vertical-align属性只对内联元素和表格单元有效， 如果需要调整块级元素的垂直位置，你应该使用CSS margin属性。
