我没有得到我的对齐输入复选框形式

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