JSFiddle - React, Tailwind, and code Playground

by chrispickford

HTML

<p>
This is a Chinese word <span class="chinese-word"><span>wǒ</span><span>我</span></span> in an inline div
</p>

CSS

span.chinese-word {
    display: inline-block;
    position: relative;
    top: 0.5em;
}

span.chinese-word span {
    display: block;
    text-align: center;
}