Уменьшить разрыв между миниатюрами jquery mobile listview и текстом

Question

У меня есть следующий код. Я хочу, чтобы сократить разрыв между миниатюрным изображением и списком описания внутри каждого вида списка.

мой CSS

.myParagraph.ui-li-desc { 
     color:#333; 
     overflow:show; 
     white-space:normal; 
     height:28px; 
     margin-bottom:0px; 
    } 

мой разметки

listitems_markup = '<li><img src="' + itemThumbnail + '"><div class="myParagraph"><ul data-inline="true" style="font-size:60%; font-weight:normal;"><li style="white-space:normal">You viewed ' + itemName + '</li><li style="white-space:normal">You spent '+itemTimeSpent+' on this activity</li><li style="white-space:normal">You '+itemRating+' this item</li><p class="ui-li-aside">'+itemViewedTime+'</p></ul></div></li>'; 

это то, что он выглядит как

Answer 1

Вы можете уменьшить левый отступ для списка, который автоматически устанавливается большинством браузеров.

ul{ 
padding-left:10px; //do not set this to 0 because of the list marks 
border-left:0px; 
margin-left:0px; 
}