Checkbox and Radio Button Input Functionality

Checkboxes and radio buttons are a special case of input type. You wouldn't want to specify a 90% width for them because that would push the option label to the next line. For formElements that are containing checkboxes or radio buttons, you should also apply the "selectors" class.

Option 1
Option 2 is really, really long. This is to test what happens when the option will wrap around to the next line.
Option 3
Option 1
Option 2
Option 3

Relevant HTML

<div class="formRow">
	<div class="formLabel">
		<label>Checkboxes</label>
	</div>
	<div class="formElement selectors">
		<input name="option1" type="checkbox" checked="checked" /> Option 1
		<br />
		<input name="option2" type="checkbox" /> Option 2
		<br />
		<input name="option3" type="checkbox" /> Option 3
	</div>
</div>

Relevant CSS

.selectors input
{
	padding:0;
	width:auto;
}

« Back to Functionality Index