我沒有得到我的對齊輸入複選框形式

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. 將複選框對齊到左側。