Basic checkbox css
input[type=”checkbox”] is for the actual checkbox, excluding its label
.MyFormClass input[type="checkbox"] {
display: inline-block;
margin-right: 4px; /*Gap between checkbox and its label*/
margin-left: 8px; /*Gap between checkbox and previous label*/
}
Style a checkbox and its label
Put it within a div
<div class="MyCheckboxStyle"><input type="checkbox" name="MyCheckbox" value="1" />My Checkbox Label</div>
Checkbox + Label on line with space added under
<input type="checkbox" name="CheckboxSetting1" $CheckboxSetting1_Checked value="Yes" /><label>Checkbox Setting 1</label>
input[type="checkbox"] {
display: inline-block;
}
input[type="checkbox"] + label {
display: inline-block;
margin-bottom: 10px;
}
Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.