html控制左边图右边标题效果

要实现如下效果的方法的两种方法

第一种方式比较常见，就是左边一个img右边一个文字

        <div id="header" class="colord5">
            <img alt="返回" src="img/list/back-.png" height="100%" style="vertical-align: middle;" /><span>查询座次</span>
        </div>

下面介绍利用padding来实现左图右 标题效果

        <div id="header" class="colord5" style="padding-left:2em; background:url(img/list/back-.png) no-repeat; background-size:contain; height:2em; line-height:2em; font-size:1.3em;">
            查询座次
        </div>

效果有一点点偏差，还在查找