vertical-align简述

<p>
	<img src="图片" style="width:50px;height:50px;vertical-align:middle;">
	<a href="">test</a>
</p>

官网说明：
vertical-align 属性设置一个元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

我的理解是：
img 标签所在的行，也就是 p 标签，p 标签下所有行内元素的基线，都与 img 的中间部分对齐