Jquery Mobile对齐文本框

Question

我有以下列表视图和文本框。我希望得到与ipad一样的感觉。 如何对齐文本框，使其正好在另一个下方。目前它看起来不匹配。

      <ul data-role="listview" data-inset="true" style="width:30%;">
  <li data-role="fieldcontain">
  <label for="name">First Name:</label>
        <input type="text" name="fname" id="fname" value=""    />            
  </li>

        <li data-role="fieldcontain">
  <label for="name">MI:</label>
        <input type="text" name="mi" id="mi" value="" style="width:5%;"  />                
  </li>
      </ul>

Answer 1

不知道为什么需要为ul和input标签设置样式。 但是我已经把你可以达到的不同风格的小提琴放在一起 http://jsfiddle.net/nachiket/nnRPv/
它有没有帮助？