<!DOCTYPE html>
<html>
<head>
<title>Jquery Mobile - List View with Thumbnail Images</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<ul data-role="listview">
<li>
<a href="http://shreerangpatwardhan.blogspot.com">Spatial Unlimited
<img src="http://www.cynamix.net/wp-content/uploads/2012/05/Blogger-Logo-80x801.png" /></a>
</li>
<li>
<a href="http://shreerangpatwardhan.blogspot.in/p/code-samples.html">Google Maps API Examples
<img src="http://www.coldfusiontimes.com/images/articles/google-maps_streetview.gif" />
</a>
</li>
<li>
<a href="http://shreerangpatwardhan.blogspot.in/p/jquery-mobile.html">Jquery Mobile Examples
<img src="http://www.h-online.com/imgs/43/9/8/6/3/0/9/jQueryMobile_80-310cdbb54c204225.png" />
</a>
</li>
</ul>
</body>
</html>
img{
max-width: 17% !important;
width: 17% !important;
padding: 5px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb{
min-height: 68px !important;
}
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow{
padding-right: 10% !important;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb{
padding-left: 25% !important;
}
External resources loaded into this fiddle: