title: Jquery Mobile align text box
body: <p>I have the following listview with text boxes. I wanted to get the same feel as the ipad.
  How do I align the text boxes so are right below one another. Currently it looks mismatched.</p>
  
  <pre><code>      &lt;ul data-role="listview" data-inset="true" style="width:30%;"&gt;
    &lt;li data-role="fieldcontain"&gt;
    &lt;label for="name"&gt;First Name:&lt;/label&gt;
          &lt;input type="text" name="fname" id="fname" value=""    /&gt;            
    &lt;/li&gt;
  
          &lt;li data-role="fieldcontain"&gt;
    &lt;label for="name"&gt;MI:&lt;/label&gt;
          &lt;input type="text" name="mi" id="mi" value="" style="width:5%;"  /&gt;                
    &lt;/li&gt;
        &lt;/ul&gt;
  </code></pre>