JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
    <div id="b">
        <span id="c">left......</span>
    </div>
    <span id="d">centered</div>
</div>

CSS

#a {
    text-align: center;
    background-color: blue;
    width: 10em;
    padding: 1% 0;
}

#b {
    float: left;
    background-color: white;
    color: green;
}

#d {
    color: red;
    background-color: white;
}