Html中设置按钮竖直居中

button标签一定要用一个div包裹着，类似于这种的，

<div id="search">
<div id="sbutton">
<button style="background-color: transparent; border-color: blue;">搜索</button>
</div>
</div>

其中css的布局如下：

#search {
display: table;
text-align: center;
float: right;
width: 20%;
height: 10%;
}


#sbutton {
display: table-cell;
vertical-align: middle;
}

最终效果：