將標簽與復選框垂直對齊

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