Html 文本框之间的间距不均匀

我用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>

.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;
}

---

尝试向date类添加float，然后添加边距。例如：

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

---

。希望有帮助

在本例中，它们的宽度完全相同