一个div内有两个或多个span标签，存在的间隙和高度不一致的问题

1、一个div内多个span标签之间有间隙，仿写的百度首页为例。

<div class="search_box">

      <span class="main">
          <input class="search_input" type="text">
          <span class="camera"></span>
      </span>
      <span class="submit">百度一下</span>

</div>

两个span之间有间距，如图：

解决方法：给他们的父元素设字体大小为0（font-size:0;）。

2、一个div内多个span标签，高度不对齐，还是仿写的百度首页为例。如图：

解决方法：给子元素设vertical-align:top;

Fork me on Github：https://github.com/ywp9915/baidu-index