垂直對齊多選的旁邊標籤

Question

我想知道，如何在頂部的多選或textarea旁邊放置標籤？例如，我有這樣的代碼

<div class="form-group"> 
    <label class="control-label" for="SelectId">label</label> 
    <select name="SelectId" id="SelectId" style="min-width: 604px;" size="5" multiple="multiple"> 
     <option value="0">No Selection</option> 
      ... 
    </select> 
</div> 

它看起來像在圖像

只有解決辦法，我發現是相對定位，其中工程但當調整瀏覽器窗口中爆發。

<div class="form-group"> 
    <label class="control-label" for="SelectId">label</label> 
    <select name="SelectId" id="SelectId" style="position: relative; top: -75px;" size="5" multiple="multiple"> 
     <option value="0">No Selection</option> 
      ... 
    </select> 
</div> 

有什麼想法嗎？

Answer 1

使用vertical-align您可以根據同一行中的其他inline元素定位inline元素。

.control-label { 
    vertical-align: top; 
} 

label和select都display: inline通過默認。