Untitled

dabblet.css

html {
	background: #f2f2f2;
}

body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
   background: #fff;
   padding: 20px;
   margin: 40px;
   border: 1px solid #ddd;
   font-size: 1.2em;
}

h2 {
	margin-top: 0;
}

label {
	background: hsl(40, 100%, 60%);
}

dabblet.html

<h2>Checkboxes</h2>
<p>Orange is the clickable area</p>

<form>

	<p>
		<input id="box1" type="checkbox">
		<label for="box1">Checkbox 1</label>
	</p>
	
	<p>
		<label>
			<input type="checkbox">
			Checkbox 2
		</label>
	</p>

</form>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"html"}