Untitled

dabblet.css

h2 {
	font-size: 22px;
}

.inline-block {
	font-size: 0;
}
.inline-block > span {
	font-size: 14px;
	display: inline-block;
	width: 200px;
	padding: 20px;
	background: #ccc;
}

.float-block {
	font-size: 14px;
	overflow: hidden;
}
.float-block > div {
	width: 200px;
	padding: 20px;
	background: #ccc;
	float: left;
}

dabblet.html

<div class="inline-block">
	<h2>Inline-Block</h2>
	<span>1</span>
	<span>2</span>
	<span>3</span>
</div>

<div class="float-block">
	<h2>Float Block</h2>
	<div>1</div>
	<div>2</div>
	<div>3</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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