JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<div id="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis lorem in est lobortis dictum. Ut vel interdum quam. Suspendisse eu dui vel nisi consequat hendrerit ac sed massa. Morbi volutpat felis vitae neque commodo adipiscing. Suspendisse laoreet egestas pellentesque. Vivamus nisi est, pharetra non viverra nec, mattis ut est. Donec consectetur nulla neque. Morbi est turpis, pulvinar vel pulvinar sed, molestie ultricies libero. Nunc nec iaculis odio. Vestibulum porttitor accumsan malesuada. Etiam massa enim, consectetur eget pulvinar sed, consectetur vitae arcu.</div>
<div id="tabulardata">
    <div id="tab">Tab X</div>
    <table>
        <tr><td>data</td></tr>
        <tr><td>data</td></tr>
        <tr><td>data</td></tr>
        <tr><td>data</td></tr>
        <tr><td>data</td></tr>        
    </table>
</div>

CSS

div {  border: 1px solid black; }
#content { width: 400px; margin-left: 100px; margin-right: 100px; height: 200px; }
#tabulardata { margin-top: -50px; }
#tab { width: 80px; background: gray; color: white; height: 50px; }
table { width: 100%; }
tr { border: 1px solid blue; }