JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
 <div class="inner">   
    <table><tr><td> ksdjfksdjfzxcvzzsdkfjsd kdjf </td>
        <td> ksdjfksdjfxvxcvzxcvzcx sdkfjsd kdjf </td>


</tr></table>
</div>

</div>

CSS

* { margin: 0; padding: 0;}
    table { 
        width: 100%; 
        border-collapse: collapse; 
        border-spacing: 0;
    }
.inner {margin: 20px; background: red;}
    .wrap {  min-width: 100%; background:orange; float: left}