JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
                    <div id="left">A</div>
                    <div id="center">B</div>
                    <div id="right">C</div>
                </div>

CSS

#container {
                  border: 2px dashed #888;
                width:350px;
                text-align:center;        
                margin:0 auto;
            }

            #left {
                float:left;
                width:100px;
                height: 100px;
                background: #888;
            }

            #center {
                display: inline-block;
                margin:0 auto;
                width:100px;
                height: 100px;
                background: #888;
            }

            #right {
                float:right;
                width:100px;
                height: 100px;
                background: #888;
            }