Header Underline Reduced Case

dabblet.css

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

.title {
	font-size: 3rem;
	color: #000;
	float: left;
	border-bottom:0.125rem solid;
}

.title a {
	color: inherit;
	border-bottom:0.125rem solid 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"}