JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header_02">
    <center>2 column layout</center>
</div>
<div id="container">
    <!-- Start Column 1 -->
    <div id="column1">Coumn 1 content</div>
    <div id="column2">column 2 content goes here.</div>
</div>

CSS

#container {
    font-size: 22px;
}
#column1 {
    float: left;
    width:50%;
    background-color: green;
}
#column2 {
    float: left;
    width:50%;
    background-color:red;
}