Untitled

dabblet.css

.wrapper { width: 500px; background: #efefef;}
.cb { box-sizing: content-box}
.bb { box-sizing: border-box;}
input, textarea {
	width: 200px;
	padding: 0 10%;
	margin: 0 10%;
}

.wrapper div {
	background: #ffeebb;
	width: 200px;
	padding: 0 10%;
	margin: 0 10%

}

p { 
	background: #99ddee;
}

dabblet.html

<div class="wrapper">
	<input type="text" value="default"/>
	<textarea class="cb">textarea</textarea>
	<div><p>test</p></div>
	<input class="cb" type="text" value="content box"/><textarea>textarea</textarea>
	<div><p>test</p></div>
	<input class="bb" type="text" value="border box"/>
	<textarea class="bb">border box textarea</textarea>
	<div class="bb"><p>test</p></div>
</div>

settings.json

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