JSFiddle - React, Tailwind, and code Playground

by Christoph

HTML

<div id="parent">
   <div id="c1">
       left
   </div>
    equal height, isn't it nice:-D
   <div id="c2">
       right
   </div>
</div>

CSS

#parent{
    display:table;
    border:1px solid red;
    height:300px;
    width:100%;
    padding:5px;
text-align:center;    
}
#c1{
    border:1px solid green;
    display:table-cell;
    width:100px;    
}
#c2{
    border:1px solid blue;
    display:table-cell;
    width:100px;        
}