h

by ethertank

HTML

<table class="parentTable">
    <tbody>
        <tr>
            <td>
                <table>

                </table>
            </td>
            <td style="border:none;">
                <table border="0">
                    <tbody>
                        <tr>
                            <td rowspan="3" style="border-top:none;">&nbsp;</td>
                            <td style="border-top:none;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                        <tr>
                            <td rowspan="3">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
                <table border="0">
                    <tbody>
                        <tr>
                            <td rowspan="3">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

CSS

.parentTable {
    border: 1px solid;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table, th, td { margin:0; padding:0; }

td {
    width: 2em;
    border: 1px solid;
    border-width: 1px 0 0 1px;
}