JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div class="wrap">
    <div class="row">
        <div class="left">
        Lorem    
        </div>
        <div class="right">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </div>
    </div>
</div>

CSS

.wrap{
    overflow:hidden;
    width:250px;
    display: table;
    border-collapse: collapse;
}

.row {
    display: table-row;
}
.left{
    width: 50%;
    display: table-cell; 
    background-color: #0f0;
}


.right{
    width: 50%;
    background-color: #f00;
    display: table-cell;     
}