JSFiddle - React, Tailwind, and code Playground

by Cal Francesco

HTML

<div id="tbl">
    <div id="tbl-row">
        <div id="tbl-col1">LHS-LHS-LHS-LHS</div>
        <div id="tbl-spc"></div>
        <div id="tbl-col2">RHS</div>
    </div>
</div>

CSS

#tbl {
    display: table;
    width: 200px;
    border: 1px solid black;
}
#tbl-row {
    display: table-row;
    /*original markup*/
    display: -ms-flexbox;
    /*/ie10*/
    display: -webkit-flex;
    /*old safari*/
    display: flex;
}
#tbl-col1, #tbl-spc, #tbl-col2 {
    display: table-cell;
    -ms-flex: 0;
    -webkit-flex: 0;
    flex:0;
    overflow:hidden
}
#tbl-col1 {
    width: 50px;
    flex-basis: 50px;
    background-color: red;
}
#tbl-col2 {
    width: 150px;
    flex-basis: 150px;
    background-color: blue;
}