jemgold/dabblet.css

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

.circle {
height: 100px;
width:100px;
background:#373e4e;
border-radius:50px;
margin: 40px
}

.inner {
border:4px solid #fff;
border-radius:40px;
height:60px;
width:60px;
line-height:60px;
text-align:center;
margin:0 auto;
position:relative;
font-size:48px;
color:#fff;
top:16px;
}


## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="circle">
<div class="inner">
7
</div>
</div>

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

	.circle {
	height: 100px;
	width:100px;
	background:#373e4e;
	border-radius:50px;
	margin: 40px
	}

	.inner {
	border:4px solid #fff;
	border-radius:40px;
	height:60px;
	width:60px;
	line-height:60px;
	text-align:center;
	margin:0 auto;
	position:relative;
	font-size:48px;
	color:#fff;
	top:16px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="circle">
	<div class="inner">
	7
	</div>
	</div>