Template:Su

 |

Notes

The example below is cleaner, but does not work as expected in IE.

<span class="over-under" {{#if:{{{3|}}}|style="text-align:{{{3}}};"|}}><sup>{{{1|}}}</sup><br><span>{{{1|}}} {{{2|}}}</span><sub>{{{2|}}}</sub></span>

.over-under {
		display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase;
		font-size:50%;margin-bottom:-0.25em;vertical-align:-0.25em;line-height:1em;}
	.over-under>sup, .over-under>sub, .over-under>br {
		-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
		font-size:inherit;line-height:inherit;vertical-align:baseline;}
	.over-under>span {
		position:absolute;left:-9999px;top:auto;text-transform:none;
		width:1px;height:1px;overflow:hidden;}