JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <th>
         <h2>Invoice</h2>

    </th>
    <tr>
        <th>Statement</th>
    </tr>
    <tr>
        <td>Generated:</td>
        <td>2015/01/11</td>
    </tr>
    <tr>
        <td>Due:</td>
        <td>2015/01/25</td>
    </tr>
    <tr>
        <th>Period</th>
        <tr>
            <td>From:</td>
            <td>2015/01/26</td>
        </tr>
        <tr>
            <td>To:</td>
            <td>2015/02/25</td>
        </tr>
        <tr>
            <td><strong>Total:</strong>

            </td>
            <td>136.03</td>
        </tr>
        <th>
             <h2>Package</h2>

        </th>
        <tr>
            <th>Subscriptions</th>
        </tr>
        <tr>
            <th>Type</th>
            <th>Name</th>
            <th>Cost</th>
        </tr>
        <tr>
            <td>TV</td>
            <td>Movies</td>
            <td>50.00</td>
        </tr>
        <tr>
            <td>Phone</td>
            <td>Landline</td>
            <td>5.00</td>
        </tr>
        <tr><td><strong>Total:</strong></td><td/><td>55.00</td></tr>
</table>

CSS

table, th, td {
    border: 1px solid black;
}