html 图标和文字一行对齐

原图：

效果图：

备注：vertical-align:middle

<div>
<p class="time tl-size12" style="padding-top: 3px">45秒前</p>
                            <img  src="../res/image/sc.png" style="width: 15px;height: 15px;padding-left: 20%;vertical-align:middle"><span class="tl-size12">收藏</span>
                            <img  src="../res/image/fx.png" style="width: 15px;height: 15px;padding-left: 20%;vertical-align:middle"><span class="tl-size12">一键分享</span>
                        </div>