ddffx/dabblet.css

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


.round{

	background: #444;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display:inline-block;
	margin:20px
}
.small{
	width: 4px;
	height:4px;
}
.medium{
	width: 10px;
	height:10px;
}
.large{
	width: 100px;
	height:100px;
}
.extra-large{
	width: 200px;
	height:200px;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h1>Circle shape with CSS</h1>
<ul>
	<li class="round small"></li>
	<li class="round medium"></li>
	<li class="round large"></li>
	<li class="round extra-large"></li>
</ul>

## settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/


	.round{

	background: #444;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display:inline-block;
	margin:20px
	}
	.small{
	width: 4px;
	height:4px;
	}
	.medium{
	width: 10px;
	height:10px;
	}
	.large{
	width: 100px;
	height:100px;
	}
	.extra-large{
	width: 200px;
	height:200px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<h1>Circle shape with CSS</h1>
	<ul>
	<li class="round small"></li>
	<li class="round medium"></li>
	<li class="round large"></li>
	<li class="round extra-large"></li>
	</ul>