CSS diamond without transforms

dabblet.css

/* CSS diamond without transforms */

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

}

dabblet.html

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

settings.json

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