The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

html {
  margin: 3em 15%;
  font-family: Helvetica, Arial, sans-serif;
  color: #111;
  background: #0074D9;
}

h1 {
  font-size: 4em;
  margin-bottom: 0;
}

h2 {
	border-top: 2px solid;
	margin-top: 3em;
}

small {
  font-size: 50%;
}

h1 {
  margin-top: .4em;
}

nav { appearance: menu; }

nav a {
  text-decoration: none;
  color: #111;
  font-size: 1.4em;
  margin-right: .3em;
  padding-right: 1.4em;
  padding-bottom: .3em;
  border-bottom: 2px solid;
  transition: 1s all;
}

nav a:hover {
  color: #fff;
  padding-bottom: .6em;
}

dd {
	font-size: 1.5em;
	margin: .15em 0 .4em 0;

dabblet.html

<header>
	<nav role='navigation'>
  
  		<a href="">Projects</a>
  		<a href="">Shop</a>
  		<a href="">Blog</a>
  
	</nav>
	
	<h1>Oliver Pope <small>Web Developer</small></h1>

</header>

<div id="content">
	<section id="contact">
		<h2>Contact</h2>
		<dl>
			<dt>Email</dt>
			<dd>oliver@owebboy.com</dd>
			<dt>Twitter</dt>
			<dd>@owebboy</dd>
			<dt>GitHub</dt>
			<dd>opope12</dd>
		</dl>
	</section>

dabblet.js

// alert('Hello world!');

settings.json

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