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

div {
    font-size:14px;
    box-sizing:border-box;
}
#container {
    width: 100%;
    text-align:center;
    font-size:0;
}
div:not(#container) {
    text-align:left;
}
#a {
    width: 400px;
    border:1px solid black;
    margin: auto;
}
#b {
    width: 300px;
    display:inline-block;
    border:1px solid black;
}
#c {
    width: 100px;
    display:inline-block;
    border:1px solid black;
}