title: How to make image center vertically in Jquery Mobile ListView Control?
body: <p>I have following html,</p>
  
  <p><a href="http://jsfiddle.net/2bWfL/168/" rel="nofollow">http://jsfiddle.net/2bWfL/168/</a></p>
  
  <pre><code>&lt;head&gt; 
      &lt;title&gt;My Page&lt;/title&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt; 
  
  &lt;div data-role="page"&gt;
  
      &lt;div data-role="header"&gt;
          &lt;h1&gt;My Title&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;    
          &lt;ul data-role="listview"&gt;
                      &lt;li&gt;
  
          &lt;a href="#"&gt;
              &lt;img width="80" height"80" src="http://www.gravatar.com/avatar/7efa2e4098f60c15d230436ca99d7250?s=32&amp;d=identicon&amp;r=PG" /&gt;
              &lt;h3&gt;New Latest One&lt;/h3&gt;
              &lt;p&gt;$12,000&lt;/p&gt;
          &lt;input type="text" style="width:75px"/&gt;
              &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  
      &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;/div&gt;&lt;!-- /page --&gt;
  &lt;style&gt;
          .ui-input-text{
              width: 75px;
          }
      &lt;/style&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>But image is not in center vertically. How to make it center?</p>