如何在Jquery mobile标题中设置左对齐的自定义图标

我在标题中使用自定义图标，图标正在显示。但是我需要把它放在左边，而不是中间。怎么做,

 <div  data-role="header" data-theme="a">
             <h3>
                    <div style="float: left;">
                        <img src="img/profileOrange.png">
                    </div>
                    <div id="profileName">My Cards</div>
            </h3>
</div> 

以上代码的屏幕截图

---

但是我需要图标显示在标题的左侧，而不是中间，而不是浮动在左侧，在div上使用class=ui btn left

工作示例