MathQuill - Top Bottom Script

dabblet.css

/**
 * MathQuill - Top Bottom Script
 */

body {
}

.block {
display: inline-block;
}

.bigsymbol {
position: relative; 
text-align: center;
display:block;
}

span {
margin-top: .4em;
}

sub {
position: absolute;
left: 0;
top: 100%;
width: 100%;
}

sup {
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
}

dabblet.html

<span class="block"><span class="bigsymbol"><span class="empty">123</span><sub class="empty">12</sub><sup class="empty">34</sup></span></span>

settings.json

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