JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">

    <div id="s0">
        1. centered text<br />
        2. centered text
    </div>
    <div id='s1'>right</div>
    <div id='s2'>left</div>
</div>

CSS

.test{
    width: 500px;
    text-align: center;
    background: yellow;
    line-height: 18px;
}

#s1 { text-align: right; margin-top: -18px; }
#s2 { text-align: left;  margin-top: -18px; }