html - 通过 CSS 添加输入框之间的间距

Question

我目前在尝试添加一些输入框之间的间距时遇到了一些问题。我试过向它添加 padding 但它所做的只是移动框，而不是在它们之间放置空格。

我的代码如下:

.test { 
  padding:20px 20px 20px 20px;
}
.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="" 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

'nevermind' 提出的答案有效:)

display:block;