The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body{
background: #222;
background: linear-gradient(45deg, #f60, #f20);
min-height: 100%;
}
.footer {
	background-color: #f60;
	bottom: 0px;
	clear: both;
	position: fixed;
	left: 50%;
	height: 50px;
	width: 800px;
	margin-left: -400px;
	margin-bottom:10px;
	padding: 10px;
	box-shadow:  #333 0px 0px 10px 1px;
}

dabblet.html

<div class="footer" > <p>lorem ipsum footer lorem ipsum footer lorem ipsum footer lorem ipsum footer lorem ipsum footer lorem ipsum footer</p>
<!-- end .footer --></div>

dabblet.js

// alert('Hello world!');

settings.json

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