Untitled

dabblet.css

.stripe{
	background: #900;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	margin-left: 50px;
	position: relative;
}

.stripe:after, .stripe:before{
    content: '';
    position: absolute;
	width: 0; 
	height: 0; 
}

.stripe:after{
	right: 0px;
	top: 100%;
	border-width: 3px 6px;
	border-style: solid;
	border-color: #333 transparent transparent #333;
}

.stripe:before{
    top: 0;
	border-top: 15px solid #000;
	border-width: 15px 15px;
	border-style: solid;
	border-color: #900 transparent #900 transparent;
    left: -15px;
}

dabblet.html

<div class="stripe">$55</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}