CSS diamond without transforms

dabblet.css

/* CSS diamond without transforms */

#diamond {
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-bottom-color: red;
	position: relative;
}
#diamond:after {
	content: ' ';
	position: absolute;
	left: -50px; top: 50px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: red;

}

dabblet.html

<p id="diamond"></p>

settings.json

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