CSSを使用して入力ボックス間のスペースを追加する

Question

現在、いくつかの入力ボックスの間にスペースを追加する際に問題が発生しています。私はそれにpaddingを追加しようとしましたが、それはボックスを移動するだけで、それらの間にスペースを入れるのではありません。

次のように私のコードは次のとおりです。 '用事' で提案

.test { 
 
    padding:20px 20px 20px 20px; 
 
} 
 
.ModifiedValues { 
 
    position: absolute; 
 
    left: 250px; 
 
    top: 20px; 
 
    color: #666; 
 
    font-size: 12px; 
 
} \t

<div class="ModifiedValues"> 
 
    <center><b>New Value</b></center> 
 
    <span class="test"><input type="text" name="firstname" value="" style="text-align:left;"><br></span> 
 
    <span class="test"><input type="text" name="firstname" value="" style="text-align:left;"><br></span> 
 
    <span class="test"><input type="text" name="firstname" value="" style="text-align:left;"><br></span> 
 
    <span class="test"><input type="text" name="firstname" value="" style="text-align:left;"><br></span> 
 
</div>

Answer 1

答えがきました:)

display:block; 

Answer 2

をあなたはdisplay: blockを追加する必要があります。

.test { 
 
    padding:5px 20px; 
 
    display: block; 
 
} 
 
.ModifiedValues { 
 
    position: absolute; 
 
    left: 250px; 
 
    top: 20px; 
 
    color: #666; 
 
    font-size: 12px; 
 
} \t 
 

 
.ModifiedValues { 
 
     position: absolute; 
 
     left: 250px; 
 
     top: 20px; 
 
     color: #666; 
 
     font-size: 12px; 
 
    }

<div class="ModifiedValues"> 
 
    <center><b>New Value</b></center> 
 
    <span class="test"><input type="text" name="firstname" value=""/></span> 
 
    <span class="test"><input type="text" name="firstname" value=""/></span> 
 
    <span class="test"><input type="text" name="firstname" value=""/></span> 
 
    <span class="test"><input type="text" name="firstname" value=""/></span> 
 
</div>

Answer 3

あなたはこのコードをテストすることができます見てください。それは動作します

.ModifiedValues { 
    position: absolute; 
    left: 250px; 
    top: 20px; 
    color: #666; 
    font-size: 12px; 
} 

.test { 
margin: 10px !important; 
text-align: left; 

} 

<div class="ModifiedValues"> 
    <center><b>New Value</b></center> 
    <div class="test"> 
     <span><input type="text" name="firstname" value="" ></span> 
    </div> 
    <div class="test"> 
     <span><input type="text" name="firstname" value="" ></span> 
    </div> 
    <div class="test"> 
     <span><input type="text" name="firstname" value="" ></span> 
    </div> 
    <div class="test"> 
     <span><input type="text" name="firstname" value="" ></span> 
    </div> 
    <div class="test"> 
     <span><input type="text" name="firstname" value="" ></span> 
    </div> 
</div>