JSFiddle - React, Tailwind, and code Playground

by johnbk

HTML

<div class="column1">
</div>
<div class="column2">
</div>
<div class="column3">
    <table width="300px"> <!- would like to put 100% -->
    </table>
</div>

CSS

div.column1, div.column2 {
    float: left;
    max-width:280px;
    padding: 5px;
}

div.column3 {
    float: left;
    min-width:280px;
    padding: 5px;
}

.column3 table {
    table-layout:fixed;
    word-wrap:break-word;
}

.column3 td {
    white-space: normal;
    word-wrap:break-word;
}