JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="a">
        Title col
    </div>
    <div id="b">
        Left col
    </div>
    <div id="c">
        Right col
    </div>
</div>

CSS

#container {
    width: 100%;
}
#a {
    width: 400px;
    border:1px solid black;
    margin: auto;
}
#b {
    width: 300px;
    float: left;
    border:1px solid black;
}
#c {
    width: 100px;
    float: left;
    border:1px solid black;
}