垂直方向的对齐在Web设计中是一个经常遇到的问题，特别是当我们需要用CSS来实现一些复杂的布局时。使用vertical-align属性是最普通的方法之一。在本篇文章中，我们将介绍如何使用vertical-align属性来实现元素的垂直对齐。

什么是vertical-align？

在Web开发中，vertical-align是一个CSS属性，用于定义一个元素在垂直方向上的对齐方式。vertical-align属性的作用不只是用于table cell的对齐，也适用于其他元素，如inline和inline-block元素。这个属性的值可以是top, middle, bottom, text-bottom, text-top, baseline等。

基本垂直对齐方式

在默认情况下，当一个元素被放置在一个父元素内部时，它的默认垂直对齐方式是baseline。此时，元素的基线将与父元素的基线对齐。

举个例子，考虑下面这个HTML文档：

```