Html 在导航中垂直对齐搜索栏

我需要搜索栏在导航中垂直对齐，这样它就不会接近底部

a{
文字装饰：无；
颜色：黑色；
}
a:悬停{
文字装饰：下划线；
颜色：黑色；
}
#搜索文本，
.searchtxt{
边框：1px实心#000000；
边界权：无；
字体大小：16px；
填充：3倍；
大纲：无；
宽度：250px；
-webkit边框左上半径：10px；
-webkit边框左下半径：10px；
-左上角moz边界半径：10px；
-moz边框半径左下角：10px；
边框左上半径：10px；
边框左下半径：10px；
}
#搜索，
.搜索{
边框：1px实心#000000；
字体大小：16px；
填充：3倍；
字体大小：粗体；
光标：指针；
大纲：无；
-webkit边框右上角半径：10px；
-webkit边框右下半径：10px；
-moz边框半径右上角：10px；
-moz边框半径右下角：10px；
边框右上角半径：10px；
边框右下半径：10px；
}
导航{
高度：30px；
填充顶部：10px；
文本对齐：居中；
边缘顶部：20px；
边缘底部：20px；
背景色：#EFEF；
}
导航a{
左侧填充：20px；
右边填充：20px；
}

在css中。 移除导航和衬垫顶部的固定高度-高度：30px；填充顶部：10px

nav a {
    /** remove **/
    padding-left: 20px;
    padding-right: 20px;

    /** add **/
    padding: 20px;
    display: inline-block;
}