如何相对于相邻的下拉列表垂直居中标签？

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