css中改变边距会影响原大小,CSS input、button由于之前元素font-size变化，上边距变化的问题...

如下html：(省略html标签和head部分)

logo

Go

如下CSS：

#searchContainer{

height:40px;

background-color: #2a426e;

}

#searchContainer span{

color:white;

font-weight: bold;

font-size: 22px;

line-height: 40px;

height: 40px;

margin:0 15px;

}

#searchBox{

height:20px;

width:180px;

border: 1px solid #eee;

padding: 1px 2px;

margin:8px 0px;

}

#searchNow{

height:24px;

width:50px;

border: 1px solid #eee;

margin:3px 0;

}

效果：输入框和按钮距离父元素上边距距离明显大于下边距，而且调上边距还没用

当我把“logo”的font-size设为40时，夸张变成了这样

我该如何让输入框和按钮相对于父元素(蓝条)水平居中？这样问题的原因是什么？