Inline references

dabblet.css

/* Inline references */
div {
	position:relative;
	width: 200px;
	margin-left: 40px;
	background: green;
}
span {
	position: absolute;
	right: -50px;
	width: 50px;
	background: red;
}

dabblet.html

<div>
This is some text to showcase the clipping going on.
It doesn't really matter<span>434 This is a longitudinal coordinate</span> what it says in<span>This is yet another longitudinal coordinate</span> here.</div>

settings.json

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