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.

Comments

Your email address will not be published. Required fields are marked *