davidmerrique · January 25, 2012 15:48
diff --git a/dabblet.css b/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%;
 }
diff --git a/dabblet.html b/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>
diff --git a/settings.json b/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>