Html 表单中两个输入之间的空白

我正在用这个代码做一个表格
HTML

但在Google Chrome中，两个输入之间有一条像这样的白线
我应该如何解决此问题？谢谢

---

线条是由元素之间的空白造成的：

<input type="text" id="check_in_date" placeholder="Check In Date">  //white space is here
<input type="text" id="check_out_date" placeholder="Check Out Date">

---

线条是由元素之间的空白造成的：

<input type="text" id="check_in_date" placeholder="Check In Date">  //white space is here
<input type="text" id="check_out_date" placeholder="Check Out Date">

---

或者，如果您讨厌浮动，您可以在容器div上设置字体大小0，并在块内显示它们：

#高级搜索{
字号：0；
}
#高级搜索输入{
宽度：30%；
高度：100px；
背景：#cbe0f4；
左：10%；
右：10%；
边界：无；
文本转换：大写；
字体：20px“拉托”，无衬线；
显示：内联块；
}
输入：焦点{
大纲：0
}
输入：：-webkit输入占位符{
颜色：#95badf；
}
#高级搜索输入：类型的最后一个{
宽度：100%
}
#高级搜索#签出#日期{
背景：#cbe0f4 url（img/calendar_icon.png）不重复；
背景位置：80%50%；
}
#高级搜索#签入日期#{
背景：#cbe0f4 url（img/calendar_icon.png）不重复；
背景位置：80%50%；
}

---

或者，如果您讨厌浮动，您可以在容器div上设置字体大小0，并在块内显示它们：

#高级搜索{
字号：0；
}
#高级搜索输入{
宽度：30%；
高度：100px；
背景：#cbe0f4；
左：10%；
右：10%；
边界：无；
文本转换：大写；
字体：20px“拉托”，无衬线；
显示：内联块；
}
输入：焦点{
大纲：0
}
输入：：-webkit输入占位符{
颜色：#95badf；
}
#高级搜索输入：类型的最后一个{
宽度：100%
}
#高级搜索#签出#日期{
背景：#cbe0f4 url（img/calendar_icon.png）不重复；
背景位置：80%50%；
}
#高级搜索#签入日期#{
背景：#cbe0f4 url（img/calendar_icon.png）不重复；
背景位置：80%50%；
}

请在设置小提琴，以便我们重现问题。我没有图像调试器：）这里的fiddle：（删除css的第一行）你可以在chrome中重现问题，调整fiddle的框架大小请在上设置一个fiddle，这样我们就可以重现问题。我没有图像调试器：）这里的fiddle：（删除了css的第一行）你可以在chrome调整fiddle框架大小时重现这个问题

<input type="text" id="check_in_date" placeholder="Check In Date">  //white space is here
<input type="text" id="check_out_date" placeholder="Check Out Date">

#advanced_search input {
  float: left;
}