如何在圖像的右側垂直和水平居中對齊文本？

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等於圖像高度的線高，它將使h3在圖像中間居中。

謝謝！