html - 垂直对齐标签与复选框

Question

为什么我的标签没有与我的复选框垂直对齐？文本在垂直方向上显示得更高。

<input type="checkbox" name="remember" id="remember" style="float: left; margin-top:0.5em;" />
<label style="font-size:12px; display: block; margin-left: 1.5em;">Remember me</label>

请帮忙。谢谢。

Answer 1

#remember {
  float: left;
  margin-top: 1px; /* updated this */
}
#remember + label {
  font-size: 12px;
  display: block;
  margin-left: 1.5em;
}

<input type="checkbox" name="remember" id="remember" />
<label>Remember me</label>

旁注:避免使用内联 css