Untitled

dabblet.css

ul {
	list-style: none;
	margin:0;
	padding:0;
}
li {
	height:35px;
	background: #ededed;
	border-bottom:solid 1px #e2e2e2;
}
	li * { display: inline-block; }
	li .checkbox {
		background: #11a600;
		width:30px;
		height:35px;
	}
		.checkbox input{ padding: 8px 5px; }
li:hover {
	background: #e2e2e2;
}

dabblet.html

<ul>
	<li><div class="checkbox"><input type="checkbox"/></div><a href="#">Example 1</a></li>
	<li><div class="checkbox"><input type="checkbox"/></div><a href="#">Example 2</a></li>
	<li><div class="checkbox"><input type="checkbox"/></div><a href="#">Example 3</a></li>
</ul>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}