单行图片与文字垂直居中 图片和span水平垂直居中问题

这是百度的方案

这是我的

吐槽

**其实 span 是行内元素 完全没有必要 改为行内块 **

<div class="searchHis"><div class="topHis"><p class="fl titHis">搜索历史</p><p class="fr delHis"><img src="../img/dels_help.png" alt="icon"> <span>清除</span></p></div></div>

/* 搜索历史 */.searchHis,.topHis{overflow: hidden;font-size: .3rem;padding:0 .3rem;box-sizing: border-box;color: #333;}.delHis{font-size: .26rem;}.topHis{line-height: .3rem;}.delHis span{vertical-align: middle;}.delHis img{width: .24rem;height: .26rem;}