如何将标签垂直居中放置在相邻的下拉列表中？

Question

我在一行中有两个div。第一个包含一个标签，而不是在中心，并与邻近的下拉它看起来有点格格不入：

<div id="deal_modal_body" class="modal-body"> 
    <div class="cb_inline_block"> 
     <div class="cb_inline_block"> Test: </div> 
     <div class="cb_inline_block"> 
     <div class="input-append"> 
      <select id="id_"> 
       <option selected="selected" value="">---------</option> 
      </select> 
      <button id="add_button" class="btn" type="button"><icon class="icon-white">Go</icon></button> 
     </div> 
     </div> 
    </div> 
</div> 

我这里有一个小提琴简单地将其：

http://jsfiddle.net/houmie/6EQJw/1/

Answer 1

我不喜欢硬编码价值的东西推进到中间/中心。更好的方法是使用Twitter Bootstrap的自带的内置解决方案。

想必这里面的表单是正确的吗？只要给这种形式的一类form-inline。完成。

演示：http://jsfiddle.net/6EQJw/5/

参考：http://twitter.github.com/bootstrap/base-css.html#forms