文本框之间的间距不均匀

Question

我在html中制作了一个表单。它非常微妙，但我认为我的文本框之间的间距不均匀，我不确定原因：

我认为第二个差距比第一个差距宽几个像素。

我正在学习并认为找出原因对我有所帮助。

相关HTML：

  <span class="span1">
    <span class="date">
      Year:<br><br>
      <input class="textbox1" type="text" name="year" placeholder="yyyy">
    </span>
    <span class="date">
      Month:<br><br>
      <input class="textbox1" type="text" name="month" placeholder="mm">
    </span>
    <span class="date">
      Day:<br><br>
      <input class="textbox1" type="text" name="day" placeholder="dd">
    </span>
  </span>

相关CSS：

.span1{
    display: inline-block;
    margin: 0 auto;
    vertical-align:middle;
    text-align:center;
    position: relative;
    width: 400px;
    padding-top: 63px;
    padding-bottom: 100px;
}

.date{
    display: inline-block;
}

.textbox1 {
    width: 70px;
    height: 30px;
    text-align: center;
}

Answer 1

尝试将float添加到日期类，然后添加边距。例如：

  .date{
      display: inline-block;
      float: left;
      margin-right: 5px;
  }

Plunk Here。希望它有所帮助！