wrumsby/dabblet.css

## dabblet.css
/**
 * FLEXBOX!!!
 */
body {
	background-color: #fff;
	color: #333;
	font-family: sans-serif;
}

.box {
	border: 1px solid #333;
	margin: 10px;
	height: 300px;
	width: 300px;
}

.flexbox {
	display: flex;
	justify-content: center;
}

.thing {
	background-color: yellow;
	padding: 4px;
}

.block {
	display: block;
	text-align: center;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="box flexbox">
	<span class="thing">Thing</span>
</div>

<div class="box">
	<span class="thing block">Thing</span>
</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
	/**
	* FLEXBOX!!!
	*/
	body {
	background-color: #fff;
	color: #333;
	font-family: sans-serif;
	}

	.box {
	border: 1px solid #333;
	margin: 10px;
	height: 300px;
	width: 300px;
	}

	.flexbox {
	display: flex;
	justify-content: center;
	}

	.thing {
	background-color: yellow;
	padding: 4px;
	}

	.block {
	display: block;
	text-align: center;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="box flexbox">
	<span class="thing">Thing</span>
	</div>

	<div class="box">
	<span class="thing block">Thing</span>
	</div>