0

特定の div 内のすべての入力ボックスを垂直方向に揃えたい

私のコードは
http://jsfiddle.net/eSPMr/72/にあります

<div id="editpart3">
<div id ="address1">
<p><b>Residential Address:</b></p>
<p> Line1 : <input type="text" value="@Model.Mem_ResAdd1" name="Mem_ResAdd1" /></p>
<p> Line2 : <input type="text" value="@Model.Mem_ResAdd2" name="Mem_ResAdd2" /></p>
<p> Line3 : <input type="text" value="@Model.Mem_ResAdd3" name="Mem_ResAdd3" /></p>
<p> Line4 : <input type="text" value="@Model.Mem_ResAdd4" name="Mem_ResAdd4" /></p>
<p>PIN Code : <input type="text" value="@Model.Mem_ResPin" name="Mem_ResPin" /></p>
<p><b>Res Phone: &nbsp;</b> <input type="text" value="@Model.Mem_ResPh" name="Mem_ResPh" /></p>
</div> 
/div>

#editpart3 {
margin-top:10px;
border:.5px solid #bbb;
min-height:250px;
height:auto;
width:100%;
border-radius:5px;

#editpart3 input[type="text"] {
    width:50%;
    margin-left:5%;
}
 #address1 {
float:left;
width:40%;
margin-left:4%;
height:auto;
}
#address2 {
float:left;
margin-left:9%;
height:auto;
width:40%;
}
#address1 p,#address2 p{
padding-top:10px;
}

余白を残そうとしていますが、すべての入力ボックスに影響します。これは、特定の入力ボックスを個別に取得した場合にのみ可能ですか?

4

2 に答える 2