JSFiddle - React, Tailwind, and code Playground

HTML

<div id="frame">
    <div class="productbox1">{igallery id=6108|cid=4|pid=2|type=category|children=0|addlinks=0|tags=|limit=0}</div>
    <div class="productbox2">
        <table id="table_1">
            <tbody>
                <tr id="tablerow">
                    <td id="tabledata">XXXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXXX XXXXXXXXX XXXXXXXXXXX XXXXXXXXXX XXXXXXXXXXX XXXXXXXXXX</td>
                </tr>
                <tr id="tablerow">
                    <td id="tabledata">Arbejdshøjde:</td>
                    <td id="tabledata">7 m lodret</td>
                </tr>
                <tr id="tablerow">
                    <td id="tabledata">Rækkevidde:</td>
                    <td id="tabledata">3,5 m vandret</td>
                </tr>
                <tr id="tablerow">
                    <td id="tabledata">Arbejdshastighed:</td>
                    <td id="tabledata">0-6 km/t</td>
                </tr>
                <tr id="tablerow">
                    <td id="tabledata">Olie l/min</td>
                    <td id="tabledata">30-90 l</td>
                </tr>
                <tr id="tablerow">
                    <td id="tabledata">Olietryk (max.)</td>
                    <td id="tabledata">190 bar</td>
                </tr id="tablerow">
                <tr id="tablerow">
                    <td id="tabledata">Olieudtag</td>
                    <td id="tabledata">4 dobbeltvirkende</td>
                </tr>
                <tr id="tablerow">
                    <td id="tabledata">Vægt</td>
                    <td id="tabledata">300 kg</td>
                    <tr id="tablerow">
                        <td id="tabledata">Video</td>
                        <td id="tabledata">PDF</td>
                    </tr>
            </tbody>
        </table>
    </div>
    <div class="clear">&nbsp;</div>
</div>
<hr />
<div id="frame">
    <div class="productbox1">{igallery id=2576|cid=3|pid=2|type=category|children=0|addlinks=0|tags=|limit=0}</div>
    <div...

CSS

#table_1 {
    width: 100%;
    height: 1em;
    background-color: none;
    border-style:solid;
    border-color:white white white grey;
    border-left-width:thin;
}
#frame {
    width:100%;
    height:50%;
}
#tabledata {
    padding: 6px;
    width:100%;
}
#tabledata_lang {
    padding: 6px;
    width:100%;
}
#tablerow {
    background-color:#F5F5F5;
    line-height: 1.2em;
}
.productbox1 {
    width: 50%;
    background-color: none;
    float: left;
    height: 320px;
}
.productbox2 {
    width: 50%;
    background-color: none;
    float: left;
    height: 320px;
}
.clear {
    clear: both;
}
#table_1 tr {
    outline: none;
}
#table_1 td:nth-child(2) {
    text-align: right;
}