Chess board with tables

<div style="margin:auto; text-align: center;">
    <table style="margin: auto; text-algin: center; width: 100%;" border="1px solid grey">
        <tbody>
            <tr>
                <td></td>
                <td style="background: #5dcf6e; color: #fff;">A</td>
                <td style="background: #5dcf6e; color: #fff;">B</td>
                <td style="background: #5dcf6e; color: #fff;">C</td>
                <td style="background: #5dcf6e; color: #fff;">D</td>
                <td style="background: #5dcf6e; color: #fff;">E</td>
                <td style="background: #5dcf6e; color: #fff;">F</td>
                <td style="background: #5dcf6e; color: #fff;">G</td>
                <td style="background: #5dcf6e; color: #fff;">H</td>
                <td></td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">8</td>
                <td title="8A" name="8A"></td>
                <td title="8B" name="8B"></td>
                <td title="8C" name="8C"></td>
                <td title="8D" name="8D"></td>
                <td title="8E" name="8E"></td>
                <td title="8F" name="8F"></td>
                <td title="8G" name="8G"></td>
                <td title="8H" name="8H"></td>
                <td style="background: #d44c4c; color: #fff;">8</td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">7</td>
                <td title="7A" name="7A"></td>
                <td title="7B" name="7B"></td>
                <td title="7C" name="7C"></td>
                <td title="7D" name="7D"></td>
                <td title="7E" name="7E"></td>
                <td title="7F" name="7F"></td>
                <td title="7G" name="7G"></td>
                <td title="7H" name="7H"></td>
                <td style="background: #d44c4c; color: #fff;">7</td>

            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">6</td>
                <td title="6A" name="6A"></td>
                <td title="6B" name="6B"></td>
                <td title="6C" name="6C"></td>
                <td title="6D" name="6D"></td>
                <td title="6E" name="6E"></td>
                <td title="6F" name="6F"></td>
                <td title="6G" name="6G"></td>
                <td title="6H" name="6H"></td>
                <td style="background: #d44c4c; color: #fff;">6</td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">5</td>
                <td title="5A" name="5A"></td>
                <td title="5B" name="5B"></td>
                <td title="5C" name="5C"></td>
                <td title="5D" name="5D"></td>
                <td title="5E" name="5E"></td>
                <td title="5F" name="5F"></td>
                <td title="5G" name="5G"></td>
                <td title="5H" name="5H"></td>
                <td style="background: #d44c4c; color: #fff;">5</td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">4</td>
                <td title="4A" name="4A"></td>
                <td title="4B" name="4B"></td>
                <td title="4C" name="4C"></td>
                <td title="4D" name="4D"></td>
                <td title="4E" name="4E"></td>
                <td title="4F" name="4F"></td>
                <td title="4G" name="4G"></td>
                <td title="4H" name="4H"></td>
                <td style="background: #d44c4c; color: #fff;">4</td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">3</td>
                <td title="3A" name="3A"></td>
                <td title="3B" name="3B"></td>
                <td title="3C" name="3C"></td>
                <td title="3D" name="3D"></td>
                <td title="3E" name="3E"></td>
                <td title="3F" name="3F"></td>
                <td title="3G" name="3G"></td>
                <td title="3H" name="3H"></td>
                <td style="background: #d44c4c; color: #fff;">3</td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">2</td>
                <td title="2A" name="2A"></td>
                <td title="2B" name="2B"></td>
                <td title="2C" name="2C"></td>
                <td title="2D" name="2D"></td>
                <td title="2E" name="2E"></td>
                <td title="2F" name="2F"></td>
                <td title="2G" name="2G"></td>
                <td title="2H" name="2H"></td>
                <td style="background: #d44c4c; color: #fff;">2</td>
            </tr>
            <tr>
                <td style="background: #d44c4c; color: #fff;">1</td>
                <td title="1A" name="1A"></td>
                <td title="1B" name="1B"></td>
                <td title="1C" name="1C"></td>
                <td title="1D" name="1D"></td>
                <td title="1E" name="1E"></td>
                <td title="1F" name="1F"></td>
                <td title="1G" name="1G"></td>
                <td title="1H" name="1H"></td>
                <td style="background: #d44c4c; color: #fff;">1</td>
            </tr>
            <tr>
                <td></td>
                <td style="background: #5dcf6e; color: #fff;">A</td>
                <td style="background: #5dcf6e; color: #fff;">B</td>
                <td style="background: #5dcf6e; color: #fff;">C</td>
                <td style="background: #5dcf6e; color: #fff;">D</td>
                <td style="background: #5dcf6e; color: #fff;">E</td>
                <td style="background: #5dcf6e; color: #fff;">F</td>
                <td style="background: #5dcf6e; color: #fff;">G</td>
                <td style="background: #5dcf6e; color: #fff;">H</td>
                <td></td>
            </tr>
        </tbody>
    </table>
</div>