The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body{
background: linear-gradient(30deg, #f60, #ffc);
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 5px 1px;
}

dabblet.html

<div class="footer" > <p><p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>
<!-- end .footer --></div>

dabblet.js

// alert('Hello world!');

settings.json

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