I have successfully implemented a custom icon in the header, but it is currently displaying in the center. How can I adjust it to be positioned on the left side instead?
<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>
A screenshot of the code snippet above is attached below.
However, my goal is to have the icon displayed on the left side of the header instead of being centered.