Вставить большое изображение (200px / 150px) по центру строки в просмотре списка?

Question

Интересно, можно ли вставить большое центрированное изображение в список просмотра на мобильном сайте jquery?

Я пытаюсь это:

<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" style="white-space:normal"> 
    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-e ui-corner-top">Techno: vb.net - asp.net - vb6</li> 
    <li><img  src="/images/paris.png"/></li>
</ul>

Но это не работает: изображение отображается маленьким.

Спасибо за вашу помощь.

Answer 1

Что ж, лучше всего я мог бы придумать на данный момент, может быть, вы можете поиграть с ним, Живой пример

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" style="white-space:normal"> 
            <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-e ui-corner-top">Techno: vb.net - asp.net - vb6</li> 
            <li><h3 /><p class="ui-li-aside"  style="align:center; width:200px; height:150px;"><img src="http://www.flightcentre.com.au/global-images/AIRFARE_SPECIALS_2/Paris.jpg" alt="paris"/></p></li>
        </ul>
    </div>
</div>