JSFiddle - React, Tailwind, and code Playground

HTML

for two divs: <br />
<div class="parent">
    <div class="first"></div>
    <div class="second"></div>    
</div>
<br /><br /> for table <br /> 
<div class="parent">
    <div class="first"></div>
    <table class="second" cellspacing="5" cellpadding="5">
        <tbody>
        <tr>
            <td>second</td>
            <td>second</td>
        </tr>
        <tr>
            <td>second</td>
            <td>second</td>
        </tr>
        <tr>
            <td>second</td>
            <td>second</td>
        </tr>
        <tr>
            <td>second</td>
            <td>second</td>
        </tr>
        </tbody>
    </table>
</div>

CSS

/*.parent {overflow: hidden; white-space:nowrap;}*/

.first {background: red; width: 100px; height: 30px; float: left;}
.second {background: blue; height: 30px; width: 100% !important; color: #fff;}