jblanche/dabblet.css

## dabblet.css
div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 300px;
	background: blue;
	color: white;
}

h1 {
	flex: 0 0 auto;
	background: yellow;
	color: black;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>
	<span id="before">
	<h1>test</h1>
	<span id="after">
</div>

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

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 300px;
	background: blue;
	color: white;
	}

	h1 {
	flex: 0 0 auto;
	background: yellow;
	color: black;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div>
	<span id="before">
	<h1>test</h1>
	<span id="after">
	</div>