html - 我的输入标签不会与我的输入类型 = 文本对齐

Question

我正在尝试将浮动标签与浮动输入字段对齐。当然，我一直在四处寻找，但没有可用的答案帮助我。

在这里找到它：jsfiddle

问题与我为 body-tag 设置的字体大小有关。去掉它，你会看到标签和输入是垂直对齐的。

我该如何解决这个问题（不删除正文的字体大小样式，我的整个应用程序都依赖于这个）？

Answer 1

既然你有一个字段列表，我会将每一对都包装label + field在 a中，从而像这样对元素list-item应用基本清除<li>

#addagentform li {
   height: auto; overflow: hidden;
}

你达到了效果。见小提琴：http: //jsfiddle.net/AGV6G/6/

Answer 2

无需复杂且容易出错的浮动，只需使用一个简单且符合逻辑的表格，其中一列中包含标签，另一列中包含相应的输入项，您将立即完成工作。这也将解决现在标签离输入项非常非常远的问题。

<form ...>
<table>
  <tr><td><label for="firstname">*Förnamn:</label> 
      <td><input type="text" name="firstname" id="firstname">
  <tr>...
</table>
</form>