My form includes multiple checkboxes, but I am having trouble aligning them properly.
<!-- Multiple Checkboxes (inline) -->
<div class="form-row">
<label class="chkdonar" for="donarchkform-0">Yes, I want to donate to AMIAB</label>
<input id="donarchkform-0" checked="checked" name="donarchkform" type="checkbox" value="Yes, I want to donate to AMIAB" />
</label>
This is the part of the form that needs alignment adjustment.
Below is a link to view my current code:
http://jsbin.com/mazuyinobu/edit?html,css,output
I would like my form to be aligned similar to this example: