html - 复选框上的标签不对齐 - CSS

Question

我试图完善我的表单布局。

出于某种原因，我的复选框上的标签不会在每个复选框上相互对齐。

我正在尽力使用 ff 代码使每个复选框标签位于其复选框上:

<div class="form-input-group">
    <i class="fa fa-book"></i>
    <div class="checkbox-style">
         <input type="checkbox" value=""> Math &nbsp;
         <input type="checkbox" value=""> Science &nbsp;
         <input type="checkbox" value=""> English &nbsp;
    </div>
</div>

知道出了什么问题以及如何解决这个问题吗？

您可以在此处查看实际站点:http://americanbitcoinacademy.com/test/student-registration.html通过 Chrome 的检查器工具。

Answer 1

更新此 css，这将解决您的问题，style.css，行号 1163

.sign-up .signup-form .form-input-group input[type="checkbox"] {
   height: 27px;
   margin-top: 0;
   position: relative;
   top: 8px;
   width: 20px;
}