JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
<div class="wrap">
    <table><tr><td> ksdjfksdjf sdkfjsd kdjf sdfjks ksj skfdjsksd jfkdsj sdkfskdlfj sdfkjsdfj dfjk sdfkj dsfkjdkf jskdjf sakjf ksdjfksdjfksdjf</td></tr></table>
</div>
</div>

CSS

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