JSFiddle - React, Tailwind, and code Playground

HTML

Some text <span class="supsub"><sup>sup</sup><sub>sub</sub></span> followed by other text.<br />

CSS

.supsub {
    display: inline-block;
}

.supsub sup,
.supsub sub {
    position: relative;
    display: block;
    font-size: .5em;
    line-height: 1.2;
}

.supsub sub {
    top: .3em;
}