Jquery mobile 如何在页眉左对齐图像

我正在设计一个jQuery移动站点，我想要一个图像作为标题，但是当我插入一个图像时，图像是中心对齐的，并且被切掉了。如何将图像设置为左对齐以显示所有内容

我的编码：

<div data-role="header">
        <br/>
        <br/>
        <br/>
        <h1><img src="/images/HomePage.jpg" width="202" height="104" style=" overflow:visible; float:left" align="left"/></h1>
    </div>

---

请帮帮我！：）

为什么不在带有背景图像的

div

中添加一个类呢

像这样

HTML

---

使用下面的代码，使用ui btn图标左内建类左对齐，您可以调整填充和边距

<div data-role="header" data-theme="b">
            <br/>
            <br/>
            <br/>
           <img src="images/logo.png" width="202" height="104" class="ui-btn-icon-left" />
        </div>

.header {
  background-image:url("../images/HomePage.jpg");
}

<div data-role="header" data-theme="b">
            <br/>
            <br/>
            <br/>
           <img src="images/logo.png" width="202" height="104" class="ui-btn-icon-left" />
        </div>