Header Underline Reduced Case

dabblet.css

/**
 * Header Underline Reduced Case
 */
 
 body {
 	font-family:Arial, sans-serif;
 }

.title {
	font-size: 3rem;
	line-height:2;
	background-color: hsla(280, 80%, 70%, 0.9);
	color: #000;
	float: left;
	border-bottom:0.125rem solid;
}

.title a {
	background-color: hsla(180, 80%, 70%, 0.5);
	color: inherit;
	border-bottom:0.125rem dashed green;
	text-decoration: none;
}

dabblet.html

<h2 class="title">
	<a href="#">Test Header</a>
</h2>

settings.json

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