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

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. 将复选框左对齐。