将标签与复选框垂直对齐

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

Answer 2

将display:block更改为display: inline-block
并提供大约margin-top

的5px