heading underlined

dabblet.css

/**
 * heading underlined
 */

h1
{
	font-size: 1.25em; /* use relative unit */
	position: relative;
	text-align: center;
	
}

h1::after
{ 
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0.50em;
	border-bottom: 1px dotted #C0C0C0;
}

dabblet.html

<h1>Heading</h1>

dabblet.js

// alert('Hello world!');

settings.json

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