JSFiddle - React, Tailwind, and code Playground

HTML

<div class="centerpanel">
    <div class="leftpanel">Left</div><div class="rightpanel">Right</div>
</div>

CSS

body {
}
div.centerpanel {
    font-size: 28px;
    width:100%;
    height:100%;
    text-align: center;
}
.leftpanel {
    background:red;
    display:inline-block;
    width:50%;
    margin:0;
}
.rightpanel {
    background:blue;
    display:inline-block;
    width:50%;
    text-wrap:none;
}