Scissors on dotted border, ask asked by Sabine Melnicki on Twitter

dabblet.css

/**
 * Scissors on dotted border, ask asked by Sabine Melnicki on Twitter
 */

div {
	width: 300px;
	height: 200px;
	border: .1em dotted;
	margin: 2em auto;
	position: relative;
	line-height: 1.2;
}

div::before {
	content: "✂";
	position: absolute;
	top: -.55em;
	left: 40%;
	font: 200%/1 Arial, sans-serif;
	text-shadow: .3em 0 white, -.3em 0 white;
}

dabblet.html

<div></div>

dabblet.js

// alert('Hello world!');

settings.json

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