Qualitest® - an ugly package redone in CSS.

dabblet.css

/**
 * Qualitest® - an ugly package redone in CSS.
 */
body { color: #000; background: #fff; }
.qualitest { width: 900px; padding-bottom: 9px; background: gold; font-size: 1.2em; font-family: 'Arial Black', arial, sans-serif; }
.qualitest .code { padding: 0 10px; }
.qualitest h1 { width: 80%; margin: 0 0 0.5em 0; padding: 0 10px; line-height: 1; font-size: 2em; font-weight: normal; text-transform: uppercase; }
.qualitest strong { display: inline-block; height: 34px; padding: 0 6px 0 10px; vertical-align: bottom; color: #fff; background: #000; font-family: arial; font-weight: bold; font-size: 0.8em; letter-spacing: 4px; line-height: 32px }
.qualitest .details { padding: 0 10px; }
.qualitest .details span:first-child { float: none; }
.qualitest .details span { float: right; }
.qualitest .logo { border-bottom: 9px solid #3a1c02; color: #fff; background: #3a1c02; font-family: Georgia; font-weight: bold; font-size: 1.8em; line-height: 1.5; text-align: center; }
.qualitest .logo sup { padding: 0 4px; font-family: arial; font-size: 0.5em; }
.qualitest .logo span { display: block; border-bottom: 6px solid #fff; }

dabblet.html

<div id="qualitest_1" class="qualitest">
	<span class="code">NDC 0603-7862-90</span>
	<h1>Triamcinolone Acetonide Cream, USP <strong>0.1%</strong></h1>
	<div class="details">
		<span class="available">Rx only</span>
		<span class="weight">NET WT 80g</span>
	</div>
	<div class="logo"><span>Qualitest<sup>&reg;</sup></span></div>
</div>

settings.json

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