JSFiddle - React, Tailwind, and code Playground

by darkkis

HTML

<div style="background:red;min-height:400px">
    <div class="wraper">
        <div class="in-line">
            <div id="div1">
            </div>
            <div id="div2">
            </div>
            <div id="div3">
                <table border=0 cellpadding=0 cellspacing=0 width="100%">
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
                <tr><td>text</td><td>text</td></tr>
               ...

CSS

*{margin:0px;padding:0px;}
.wraper{width:1000px;}
.in-line{float:left;width:500px;}
#div1,#div2,#div3,#div4{float:left;}
#div1{width:500px;height:50px;background:#666;}
#div2{width:250px;height:200px;background:#444;}
#div3{width:250px;height:200px;background:#222;}
#div4{width:500px;height:250px;background:#000;}