Hi there,

I have a problem with 3 tables alignment.

Here is my source code :

<table class="inner" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
        <tr>
            <td>
            <table class="dashedBorder 3cols" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" align="left" border="0" cellpadding="0" cellspacing="0" width="210">
                ...........
            </table>
            <table class="dashedBorder 3cols" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" align="left" border="0" cellpadding="0" cellspacing="0" width="210">
                ...........
            </table>
            <table class="dashedBorder 3cols" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" align="left" border="0" cellpadding="0" cellspacing="0" width="210">
                ...........
            </table>
            </td>
        </tr>
</table>

On smartphone, the 3 tables are on the left, I would like them on center. If I write align="center", I don't have the 3 tables on the same line.

Here is the previews : https://litmus.com/pub/0cb2649

Thanks in advance for your help.

Gregg