jQuery Mobile Cookbook: C5R2 - Icons

fiddle.html

<div data-role="page">

  <div data-role="header">
    <h1>Icons</h1>
  </div>

  <div data-role="content">

    <ul data-role="listview">
      <li>
        <a href="details.html">
          <img src="http://dl.dropbox.com/u/28829261/album-bff.jpg" width="16" height="16" class="ui-li-icon" />
          Ben Folds Five
        </a>
      </li>
      <li>
        <a href="details.html">
          <img src="http://dl.dropbox.com/u/28829261/album-waea.jpg" width="16" height="16" class="ui-li-icon" />
          Whatever And Ever Amen
        </a>
      </li>
      <li>
        <a href="details.html">
          <img src="http://dl.dropbox.com/u/28829261/album-tuborm.jpg" width="16" height="16" class="ui-li-icon" />
          The Unauthorized Biography Of Reinhold Messner
        </a>
      </li>
    </ul>

  </div>

</div>

fiddle.manifest

name: jQuery Mobile Cookbook C5R2 - Icons
description: Example of a list with icons in jQuery Mobile
authors:
  - Don Walter
resources:
  - http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js
  - http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css
normalize_css: no

http://jsfiddle.net/gh/gist/jquery/1.7.1/2521800/

http://jsfiddle.net/gh/gist/jquery/1.8/2521800/