Dear community,

I am working on this every now and then since a couple of weeks and during the complete last days. But unfortunately, I am not able to remove the gap between the inner tables. There can be more than these two inner tables. And when they are to wide, they should drop to the next row.

I really hope, that someone can help me!

Best regards,
Kristian

PS: I used the markdown for a code block, but it does not work. I've inserted at least 4 spaces.

    <style>
            table { border: none; border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }
        </style>

        <table border="0" cellspacing="0" cellpadding="0"
               style="width: 210px">
            <tr>
                <td style="background-color: #00ff00;">
                    <table border="0" cellspacing="0" cellpadding="0" align="left"
                           style="width: 100px; background-color: #ff0000; text-align: center;">
                        <tr>
                            <td>
                                Content 1
                            </td>
                        </tr>
                    </table>

                    <table border="0" cellspacing="0" cellpadding="0" align="left"
                           style="width: 100px; background-color: #0000ff; text-align: center;">
                        <tr>
                            <td>
                                Content 2
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    ```