垂直文本对齐方式1

    span{
        font-size: 50px; 
        /* 
        垂直的对齐方式（只对行内元素有作用）
            vertical-align:middle（居中）|top(顶部)|bottom（底部）|baseline(基线对齐，默认值)
        
         */
        vertical-align: bottom;
    }
    .span2{
        font-size: 20px;
    }

<span>rgb</span>
<span class="span2">aaaa</span>

2、 /* 如果要实现行内元素垂直居中对齐，要有两个行内元素以上，
都要给对比的元素添加vertical：属性值
*/

img,span{
    vertical-align: middle;
}

小程序中查看效果