两个非块级元素的间隙问题

问题描述：
两个非块级元素，代码中换行书写，页面渲染两个元素之间会有空隙，如下图


解决方案：
1）不换行书写：不推荐，不易阅读，可能被其他人代码格式化掉
2）标签之间用注释填充：不推荐，理由同上
3）float:span设置浮动
4）父元素设置font-size为0，再给子元素添加font-size