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

Question

I am using custom icon in the header, Icon is displaying. But I need to set it in the left side not at center. How to do that,

 <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> 

screenshot for above code,

But I need the Icon to be displayed at left side of the header not at center

Answer 1

instead of float left, use a class="ui-btn-left" on the div

working example http://jsfiddle.net/h8JFv/16/