The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
.button {
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 2px solid #BBB;
	border-radius: 2px;
	background: linear-gradient(90deg, #DDD, #EEE);
	box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 2px -1px rgba(0,0,0,.6);
	color: #666;
	cursor: pointer;
	display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1;
	font: 13px/1.5em 'lucida grande', arial, sans-serif;
	padding: 4px 16px 5px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px #FFF;
	top: -1px;
}
.button:hover, .button:focus {
	background-color: #F0F0F0;
	box-shadow: inset 0 1px #F8F8F8, inset 0 0 8px 1px rgba(255,255,255,.5),0 2px 2px -1px rgba(0,0,0,.6);

	text-shadow: 0 1px #FFF, 0 0 8px #FFF;
}
.button:active {
	border-bottom-width: 1px;
	box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 3px -2px rgba(0,0,0,.6);
	top: 0;
}
background: #f06;
min-height:100%;

dabblet.html

<input class="button" type="submit" value="submit" />
<button class="button">button</button>
<a class="button" href="#">link</a>

settings.json

{"view":"split","prefixfree":"1","page":"css"}