line-height et em, calculs et arrondis selon navigateur et size en px de reference dans html

dabblet.css

/* line-height  et em, calculs et arrondis selon navigateur et size en px de reference dans html */
html {background:gray;}
body {font-size:18px;/* allez hop ! ,on change ici pour voir nos bordures se recaller */
margin:auto;width:50%;
background:repeating-linear-gradient(0deg,
	transparent 0,
	transparent 17px,
	red 17px, 
	red 18px ) 
	white 
	top 
	fixed;
	background-size:1px 1em;
	padding:1em;
}
body  * {border-bottom:1px solid turquoise;line-height:0.8em;margin: 18px;;background:white;border-left:solid 1px;}
a {text-decoration:none;line-height:1em;vertical-align:top;border-color:gray;background:transparent;}

dabblet.html

<h1><a href="#">titre 1</a></h1><h2><a href="#">titre 2</a></h2><h3><a href="#">titre 3</a></h3>
<h4><a href="#">titre 4</a></h4><h5><a href="#">titre 5</a></h5><h6><a href="#">titre 6</a></h6>
<p><a href="#">texte </a></p>

dabblet.js

// alert('Hello world!');

settings.json

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