如何将文本垂直和水平居中对齐到图像的右侧？

Question

我正在使用jQuery Mobile开发移动网站，并希望在我的“可折叠”元素中使用图像。

我的代码如下：

    <div data-role="collapsible" data-collapsed="true">
        <h3><img src="images/combo_a_small.jpg" style="width: 40px; height: 40px;" alt="Indian Food" />Combos</h3>

图像正确显示，但文本始终粘在图像的右下角。

如何让文本在图像右侧垂直和水平居中对齐？感谢。

Answer 1

这个小提琴应该有效

http://jsfiddle.net/rogerblanton/xNUuz/

长话短暂浮动h3左侧的图像，并为h3提供一个等于图像高度的线条高度，它会将图像中间放在图像中间。

谢谢！