The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

div {
	width: 100px;
	height: 100px;
	display: inline-block;
	background: gray;
	margin: 10px;
}

html {
	display: flex;
	align-content: center;
	justify-content: center;
}

body {
	max-width: 480px;
	/*width: max-content;*/
	background: #eee;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-self: center;
	align-items: center;
	
}

html {
	background: white;
}

@media (max-width: 480px) {
	body {
		xtext-align: center;
	}
}

dabblet.html

<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>

dabblet.js

// alert('Hello world!');

settings.json

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