JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
        <div id="box1">Content</div>
        <div id="box2">Content</div>
  </div>

CSS

#box{
    margin: auto;
    width: 25%;
    height: 50px;
}
 
#box1{
    float: left; 
    width: 50%;
    height: 100%;
    background-color: red;
}
 
#box2{
    float: right; 
    width: 50%;
    height: 100%;
    background-color: blue;
}