Section headers

dabblet.css

/* Section headers */

header { display:flex; align-items:center }
a { display:block; text-align:right;
	color:hsl(26,92%,59%); text-decoration:none }

/*debug*/*{background:rgba(255,0,0,.1);outline:1px solid}/**/
body{margin:0}

dabblet.html

<header>
<h2> District Business </h2>

<nav>
<a href=#> View all News </a>
<a href=#> FERMA and Morgan Hill Case </a>
<a href=#> All Legal Notices </a>
<a href=#> View all Stories </a>
<a href=#> Administrator </a>
<a href=#> Central Office </a>
<a href=#> View all Events </a>
</nav>

</header>

dabblet.js

// alert('Hello world!');

settings.json

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