davidmerrique/dabblet.css

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

body { background: #fff; height: 100%; }

.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	width: 100px; height: 100px;
	text-align: center;
}

.avatar {
	position: relative;
	border-radius: 100%;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<div class="icon">
	<span>David Merrique</span>
	<img class="avatar" src="http://placehold.it/100x100" />
</div>

## settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	body { background: #fff; height: 100%; }

	.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	width: 100px; height: 100px;
	text-align: center;
	}

	.avatar {
	position: relative;
	border-radius: 100%;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="icon">
	<span>David Merrique</span>
	<img class="avatar" src="http://placehold.it/100x100" />
	</div>