input和button在同一行，但是没有水平对齐

同样是在完成百度前端学院任务：任务七，实现常见的技术产品官网的页面架构及样式布局 的时候。
在联系邮箱表单的时候：
主要是需要加上

vertical-align: middle;

解决方式参考代码

.contact-form input {
    width: 400px;
    height: 10px;
    padding: 15px 10px;
    border: none;
    vertical-align: middle;   //谷歌不加这行显示正常，但是IE不正常
}

.contact-form button {
    display: inline-block;
    line-height: 40px;
    background-color: #6f7178;
    color: #fff;
    width: 80px;
    border: none;
    font-size: 15px;
    margin-left: -4px;
    vertical-align: middle;  //不加这行，IE和谷歌都显示不正常，谷歌偏上，IE偏下
}
}