html换行引起的空格

最近重拾前端，于是从最简单的百度首页开始，写一个界面

html代码如下：

浏览器显示如下：

问题1：输入框与按钮直接右空格
问题2：按钮比输入框矮了1px
解决办法：
父元素设置font_size:0; 子元素设置好font_size属性，即可解决

解决后浏览器显示