css - 我没有在表单中对齐我的输入复选框

Question

我有以下表格，但我没有对齐复选框

<!-- Multiple Checkboxes (inline) -->
<div class="form-row">
<label class="chkdonar" for="donarchkform-0">Si, quiero donar a AMIAB</label>
<input id="donarchkform-0" checked="checked" name="donarchkform" type="checkbox" value="Si, quiero donar a AMIAB" />
</label>

这是我无法对齐的领域

这是我的表单代码

http://jsbin.com/mazuyinobu/edit?html,css,output

我想像这样对齐我的表单:

http://www.amiab.com/hacerte-socio

Answer 1

我希望我没有编辑你自己的 jsbin。

http://jsbin.com/pewariguro/1/edit?html,css,output

这是我所做的:

1. 不需要 div 的负边距。
2. 将输入的边距设置为 0
3. 确保文本适合 1 行。
4. 将复选框左对齐。