JSFiddle - React, Tailwind, and code Playground

by Ju Oliveira

HTML

<div>

    <table class="one">
       <tbody>
       <tr>
            <th></th>
        </tr>
        <tr>
            <th></th>
        </tr>
        <tr>
            <th>Base de Dados</th>
        </tr>
        <tr>
            <th>Pasta Dados Base</th>
        </tr>
        <tr>
            <th>Pasta ROC</th>
        </tr>
        <tr>
            <th>Total</th>
        </tr>
    </tbody>
    </table>
    
    <table class="tabela-variacao no-pointer">
    <colgroup span="3"></colgroup>
    <colgroup span="3"></colgroup>
    <tbody><tr>
        <th colspan="3" scope="colgroup" class="right-border">Produção</th>
        <th colspan="3" scope="colgroup">Backup</th>
    </tr>
    <tr>
        <th scope="col">02 Jan 2017</th>
        <th scope="col">Variação</th>
        <th scope="col" class="right-border">30 Mai 2017</th>
        <th scope="col">02 Jan 2017</th>
        <th scope="col">Variação</th>
        <th scope="col">30 Mai 2017</th>
    </tr>
    <tr>
        <td>6428 Mb</td>
        <td>101 Mb</td>
        <td class="right-border">6529 Mb</td>
        <td>4442 Mb</td>
        <td>2252 Mb</td>
        <td>6694 Mb</td>
    </tr>
    <tr>
        <td>1492 Mb</td>
        <td>-786 Mb</td>
        <td class="right-border">706 Mb</td>
        <td>3691 Mb</td>
        <td>2032 Mb</td>
        <td>5723 Mb</td>
    </tr>
    <tr>
        <td>83 Mb</td>
        <td>3 Mb</td>
        <td class="right-border">86 Mb</td>
        <td>651 Mb</td>
        <td>150 Mb</td>
        <td>801 Mb</td>
    </tr>
    <tr>
        <td>8003 Mb</td>
        <td>-682 Mb</td>
        <td class="right-border">7321 Mb</td>
        <td>8784 Mb</td>
        <td>4434 Mb</td>
        <td>13218 Mb</td>
    </tr>
</tbody></table>
    
</div>

CSS

div {
  /*height: 200px;
  width: 100px;*/
}

table {
  display: inline-block;
}