JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="content">center point V center point</div>
    <div id="container">
        <div id="left">L</div>
        <div id="right">RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR</div>
        <div id="center">C</div>
    </div>
</body>

CSS

#content {
    text-align:center;
}
#left {
    float:left;
}
#right {
    float:right;
}
#center {
    text-align:center;
    float:none;
    /* also tried overflow:hidden */
}