Css 如何将标签与顶部对齐？

在不修改html的情况下，如何将其标签与图片中的顶部对齐：

<div class="col">
<label for="foo">Select:</label>
<select id="foo" name="select">
   <option value="1">1</option>
   <option value="2">2</option>
</select>
</div>
<div class="col">
<label for="bar">Select any of the following:</label>
<select id="bar" name="select">
   <option value="11">11</option>
   <option value="22">22</option>
</select>
</div>

选择：
1.
2.
选择以下任一选项：
11
22

如果标签位于两个div块中，我可以使用垂直对齐将其对齐到顶部并选择到底部，但我想知道在不修改html代码的情况下，如何将标签对齐到顶部并选择到底部

---

使用Display:Table单元格使两列具有相同的高度：

div.col {
  display: table-cell;
    border: 1px solid blue;
    font-size: 300%;
    width: 300px;
    position: relative;
    padding-bottom: 40px; /* Space for the 'select'*/
}

select {
    position: absolute;
    bottom: 0;
    left: 0;
}

---

演示：（在Chrome中测试）

您当前的CSS在哪里？您可以检查我使用的标签的最小高度，请检查是否有帮助。这很有效，但不是很好的解决方案，你可能会回答。哇，我没有想到绝对定位，非常感谢。不客气。我希望它适用于所有目标浏览器。