JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contentwrap">
        <div id="left">            
            <div class="leftcontent">
            test <br>
            </div>
        </div>
            <div id="right">
                <div class="rightcontent">
                    test <br> test <br> test <br>
                </div>
            </div>
   <div>

CSS

body {
width: 200px;
margin: 0px auto;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
}
#contentwrap {
width: 200px;
min-height: 614px;
margin-top: 10px;
display: inline-block;
}

#left {
width: 85px;
float: left;
background-color: #e1e1e1;
padding: 0px 10px 10px 10px;
}

#right {
width: 85px;
float: right;
background-color: #e1e1e1;
padding: 0px 10px 10px 0px;
}
.rightcontent {
background-color: #ffffff;
margin-top: 10px;
padding: 10px 15px 10px 15px;
font-weight: normal;
overflow: hidden;
}
.leftcontent {
background-color: #ffffff;
margin-top: 10px;
padding: 10px 15px 10px 12px;
font-weight: normal;
}