Jquery移動對齊文本框

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和輸入標籤設置樣式。 但我已經放在一起可以實現不同風格的小提琴。
http://jsfiddle.net/nachiket/nnRPv/
它有幫助嗎？