etn Q&A

dabblet.css

/* etn Q&A */

.w {
	width: 16px;
	height: 16px;
	border: 1px solid red;
	position: relative;
}
.q, .a, .amp {
	position: absolute;
}
.q, .a {
	font-family: Arial;
	font-weight: bold;
	color: #0179b5;
	font-size: 13px;
	top: 1px;
	z-index: 2;
	opacity: 1;
}

.amp {
	left: 3px;
	z-index: 1;
}
.a { right: 0px; }

dabblet.html

<div class="w"><span class="q">Q</span>
<img class="amp" width="16" height="16" src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path transform="scale(0.25)" style="stroke:rgb(241,71,29);stroke-width:10.6;stroke-linecap:round;fill:none" d="m39.5 44.8l-11.5 10.5a1 1 0 0 1-18.3-20l15-13.8a9.3 9.3 0 1 0-13.2-0.6l13.4 14.7"/></svg>'>
<span class="a">A</span>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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