Figure out relationship here! parent lh vs span lh

dabblet.css

body {
	line-height: 1.5em;
}

/* Figure out relationship here! parent lh vs span lh */

span.justify {
	text-align: justify;
	display: inline-block;
	text-align-last: justify;
	width: 100px;
	height: 1.1em;
}

span.justify:after {
	content: "";
	display: inline-block;
	width: 100%;
}


span.space {
	background: #c00;
	width: 40px;
	height: 20px;
	display: inline-block;
	margin-top: -10px;
}

dabblet.html

<p>text text text text text text text text text text text <span class="justify">Lo ipm</span><span class="space"> </span><span>d sit ameta sdfasd fasfd consequetuar.</span>

settings.json

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