Как я могу выровнять текст по центру по вертикали и горизонтали справа от изображения?

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 высоту линии, равную высоте изображения, и она будет отцентрированасередина изображения справа для вас.

Спасибо!