Untitled

dabblet.css

*{box-sizing: border-box;}

#root {
	border: 1px solid black;
}

#parent {
	display: flex;
	height: 200px;
	padding: 30px;
	margin: 30px;
	border: 10px solid red;
	align-items: center;
	justify-content: space-around;
}

#c1 {
	position: absolute;
	height: 50px;
	width: 50px;
	border: 1px solid green;
}

#c2 {	height: 50px;	width: 50px;	border: 1px solid blue;}

#c3 {	height: 50px;	width: 50px;	border: 1px solid yellow;}

dabblet.html

<div id=root>
	<div id=parent>
		<div id=c1></div>
		<div id=c2></div>
		<div id=c3></div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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