JSFiddle - React, Tailwind, and code Playground

by Fred Loney

HTML

Before
<span class="over-under">
  <span class="over">sup</span>
  <span class="under">sub</span>
</span>
After

CSS

body {
    font-family: monospace;
}
span.over-under {
    position: relative;
    top: 1em;
    display: inline-block;
}
span.over-under > .over {
    display: table-row;
}
span.over-under > .under {
    display: table-row;
}