Css 作为页面标题的图像与页眉按钮不垂直对齐

在jQuery移动页面中，我需要一个带有“后退”按钮的标题，一个居中的图像作为页面标题，以及一个被视为方形图像的右按钮。 两幅图像的高度相同

我可能通过以下代码获得了我想要的：

<div data-role="page">
    <div data-role="header">
        <a class="ui-btn ui-icon-arrow-l ui-btn-icon-notext"></a>
        <img src="http://placehold.it/120x35/096/fff.png" class="ui-title"/>
        <img src="http://placehold.it/35x35/096/fff.png" class="ui-btn-right"/>
    </div>
</div>

但标题中的三个元素似乎没有正确地垂直对齐

这是我想要实现的垂直对齐：


非常感谢
 要垂直对齐元素，可以很容易地使用
内联块


a，img{
显示：内联块；
垂直对齐：中间对齐；
}
a{
宽度：15px；
高度：15px；
背景：红色；
}
一种解决方案是将ui标题类添加到右侧按钮，然后对于后退按钮，只需设置顶部位置和高度：

<div data-role="page">
    <div data-role="header">
        <a class="ui-btn ui-icon-arrow-l ui-btn-icon-notext "></a>
        <img src="http://placehold.it/120x35/096/fff.png" class="ui-title"/>
        <img src="http://placehold.it/35x35/096/fff.png" class="ui-btn-right ui-title" />
    </div>
</div>

.ui-btn-left {
    top: 0.7em !important;
    height: 35px;
}


您提供的小提琴中有0个css。我修复了小提琴的链接。我用
css
标记了这个问题，因为我认为解决方案在于找到合适的类和/或自定义样式来设置标题元素的样式。@ajmajma从小提琴中可以看出，jQuery mobile样式表是嵌入的。是jQuery mobile样式造成了这个问题。至少有一个元素是绝对定位的……因此需要做很多调整。这如何覆盖jQuery mobile的样式表？谢谢，但不幸的是，这似乎不适用于jQuery mobile的样式表，也不将规则声明为
！重要信息
@etuardu为jQuery Mobile添加了解决方案。谢谢，第二段代码似乎显示了一个相当好的解决方案。我使用
img.ui title
而不是
.ui title
编辑css，因为它破坏了文本标题的水平对齐。
.ui-btn-left {
    top: 0.7em !important;
    margin-top: 2.5px !important;    
}