Untitled

dabblet.css

.face {
	border:1px solid #ccc;
	display:block;
	height:1.3em;
	text-align:center;
	width:1.3em;
	
	border-radius:.8em
}

.face:before,
.face:after {
	display:block;
	line-height:0.5em;
	letter-spacing:-1em;
	transform:rotate(90deg);
}

.face:before {
	content:':';
}

.face:after {
	content:')';
}

dabblet.html

<span class="face"></span>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}