Untitled

dabblet.css

body {
	font-family: Trebuchet MS, Helvetica, Arial, sans;
}
style {
	display: block;
	margin: 10px;
	padding: 10px;
	white-space: pre;
	font-family: Monaco, monospace;
	line-height: 3em;
	background: #EEE;
	box-shadow: rgba(0, 0, 0, 0.5) 0 2px 10px inset;
	border-radius: 5px;
}

dabblet.html

<h3>Editable Style</h3>
<style type="text/css" contenteditable>div {background: red;} /* There's no <div> in the HTML */
p {padding: 10px; background: red; color: white;}
p {/* Type "Enter" just after this comment ->*/background: green;}
</style>
<p contenteditable>
	Type some text and some new lines here too
</p>

settings.json

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