jquery-mobile - 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/
そのうちのどれかが役に立ちますか?