如何將標籤垂直居中放置在相鄰的下拉列表中？

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