搜索框 查询条件 label文字右对齐，input左对齐；垂直居中，display: inline-block，line-height，vertical-align: middle

正式使用

<label for="serviceType" style="display: inline-block;width: 65px;text-align: right;line-height: 35px">类别：</label>
<select class="form-control" id="serviceType" style="width: 120px;margin-right: 5px"></select>

水平居中且垂直居中(竖直居中)

<label for="serviceType" style="display: inline-block;width: 65px;text-align: right;line-height: 35px;vertical-align: middle">类别：</label>
<select class="form-control" id="serviceType" style="width: 120px;margin-right: 5px"></select>

vertical-align: middle不起作用(可以删除) 必须设置 line-height: 35px;才行

仅水平居中(缺点：不能垂直居中，垂直方向只能在top)： 

<label for="serviceType" style="display: inline-block;width: 65px;text-align: right">类别：</label>
<select class="form-control" id="serviceType" style="width: 120px;margin-right: 5px"></select>

style="display: inline-block;width: 65px;text-align: right"

设置display: inline-block;后        text-align: right才能起作用

参考：如何实现 label 文字右对齐，input左对齐 - 简书

CSS属性：vertical-align:middle,设置为什么无效！_zhuobin_tian的博客-CSDN博客_verticalalign无效

关于vertical-align失效 , 不起作用问题_HolyGhost_的博客-CSDN博客_verticalalign无效