JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div class="container">hello <sub>world</sub>, how are you? Translated as logical aggregates or associative compounds, these characters have been interpreted as combining two or more pictographic or ideographic characters to suggest a third meaning.</div>

CSS

.container {
    width: 300px;
}

sub {
    vertical-align: text-bottom;
    position: relative;
    top:.2em;
}