垂直对齐多选的旁边标签

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通过默认。