JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<div id="main">
<div class="left">a</div>
<div class="left">b</div>
<div class="left">c</div>
</div>

CSS

/* http://stackoverflow.com/questions/2156712/how-to-float-3-divs-side-by-side-using-css */

#main {
width: 80%; 
 text-align: center; /* !!! */
}

.left{
          display: block;
          float:left; 
          width:33%;
    }