HTML-CSS：vertical-align属性

vertical-align是什么？
设置元素的垂直对齐方式。

注意点：
text-align是设置给需要对齐元素的父元素，
vertical-align是设置给需要对齐的那个元素本身，
vertical-align只对行内元素有效。

/*默认情况下图片和一行文字的基线对齐，
基线就是一行文字中最短那个文字的底部*/
vertrical-align:baseline;

/*图片和父元素的顶部对齐*/
vertrical-align:top;

/*图片和父元素的底部对齐*/
vertrical-align:bottom;

/*图片和一行文字的顶部对齐*/

vertrical-align:text-top;

/*图片和一行文字的底部对齐*/

vertrical-align:text-bottom;