Вертикальное центральное изображение в JQM ListView с INPUT

У меня есть JQM ListView с флажком внутри, и я не могу вертикально центрировать изображение слева от текста:

<ul data-role="listview" data-inset="true">
 <li data-role="list-divider">Object collector</li>
 <li data-icon="false">
 <fieldset data-role="controlgroup">
 
 <label for="checkbox-2b">
 
 <h3>Long description</h3>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper, augue a consequat viverra, mi mi varius dui, nec ullamcorper velit eros in quam. </p>
 </label>
 </fieldset>
 </li>
 </ul>

Вот пример того, что я имею в виду: http://jsfiddle.net/BPGre/

вот еще одна попытка с оберткой div вокруг тега "img", но ничего, изображение всегда выровнено сверху: http://jsfiddle.net/BPGre/1/

Я попробовал другие решения, найденные в SO, но ни один из них не работает из-за тега INPUT внутри элемента ListView. Любая помощь приветствуется.

1 ответ

Обертка обложки изображения и описания в таблице будет вертикально центрировать ее. Использование таблицы, вероятно, не является идеальным решением, но оно выполняет свою работу.

<table>
 <tbody><tr>
 <td>
 
 </td>
 <td>
 <div>
 <h3>Collector</h3>
 <p>Lorem ipsum dolor sit </p>
 </div>
 </td>
 </tr>
</tbody></table>

http://jsfiddle.net/BPGre/2/

licensed under cc by-sa 3.0 with attribution.