emissions rating

dabblet.css

/* emissions rating */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

/*------------------------------------*\
	$EMISSIONS-RATING
\*------------------------------------*/
.car-emissions{
	margin:0.462em; /* 6px */
	background-color:#ddd;
	background-image:-webkit-linear-gradient(to right,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 100%);
	background-image:-moz-linear-gradient(to right,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 100%);
	background-image:-o-linear-gradient(to right,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 100%);
	background-image:linear-gradient(to right,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 100%);
	border-radius:0.231em; /* 3px */
}
    .emissions-rating{
	display:inline-block;
	float:left;
	margin-right:1.538em; /* 20px */
	margin-bottom:0;
    }
    .miles-per-gallon{
	display:block;
	font-weight:bold;
	line-height:2.154; /* 28px */
	text-align:center;
    }

dabblet.html

<div class="car-emissions">
	<div class="emissions-rating">
		H
		<span class="mili">270g/km</span>
	</div>
	<span class="miles-per-gallon">
		27.7mpg
	</span>
</div>

settings.json

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