title: Adding an additional image on the right of listview element in Jquery Mobile
body: <p>I've been struggling with the code below.  What I basically need to do is to show an image on the right <strong>AND</strong> left side of the element.  Both images should be the same size.  I also need the text to be centered at all times in any view.  It would be nice to have some options of being able to change the font and color.  </p>
  
  <pre><code>&lt;html&gt;
  &lt;script src="http://code.jquery.com/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"&gt;
  
  &lt;style&gt;
      .ui-li-thumb, .ui-li-icon {
      max-height: 40px;
      max-width: 40px;
      height:35px; !important
      width:37px; !important
      position: absolute;
      padding-top:3px;
      padding-left:5px;    
      }
  
      li a { 
      min-height:20px !important; 
      height: 20px;
      padding-bottom: 10px;
      padding-top: 5px;
      }
  
  
      .ui-page .ui-content .ui-listview p {
      margin-top: -0.10em;
      margin-bottom: 0em;
      line-height    : 15px;
      vertical-align : top;
      font-size: 0.90em;
      font-weight: 600;
      padding-top: 20px;
      }
  &lt;/style&gt;
  
  &lt;ul data-role="listview" data-divider-theme="b" data-inset="true" &gt;
      &lt;li data-role="list-divider" role="heading"&gt;&lt;center&gt;ID&lt;/center&gt;&lt;/li&gt;
  
      &lt;li  data-icon = "false"&gt;
         &lt;a href="#" &gt; &lt;img class="ui-li-thumb" src="http://lorempixel.com/80/80/technics/1/"&gt;                 
            &lt;p&gt;ID NAME &lt;br&gt;number&lt;/p&gt;  
         &lt;/a&gt;
      &lt;/li&gt;
  
  
     &lt;li  data-icon = "false"&gt;
        &lt;a href="#" &gt; &lt;img class="ui-li-thumb" src="http://lorempixel.com/80/80/technics/1/"&gt;  
            &lt;center&gt;&lt;p&gt;ID NAME&lt;/p&gt;&lt;p&gt;&lt;br&gt;number&lt;/p&gt;&lt;/center&gt;
        &lt;/a&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/html&gt;
  </code></pre>