用CSS标记字段集中的文本对齐方式

Question

在我的字段集中，我的文本框旁边有标签，但出于某种原因，它们是朝着顶部而不是中间的。这是我的字段集CSS：

fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}
label 
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif, MS UI Gothic;
    float: left;
    width: 12em;
    text-align:right;
    vertical-align:text-bottom;
}

我错过了什么？

Answer 1

尝试调整label元素的行高度属性。您可能需要增加或减少它。

Answer 2

对我来说，这是css最令人沮丧的事情。。。Zack是对的，它可能需要对线的高度进行一些调整，有时需要大量的调整（比如20px）。我认为浮动元素会导致线条高度困难？？如果你想让它在线的中间，你应该设置vertical-align:middle；也

希望这能帮助。。。