垂直对齐标签旁边的多选

Question

我想知道，如何在顶部的multiselect或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 defaut。