将标签与复选框垂直对齐

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
并提供约5px的页margin-top