Как выровнять, блоки товара в email, в outlook?

Question

[Александр Миранович]

Подскажите как можно выровнять.
https://monosnap.com/file/mavQSfdB4sfVxH2Z8d6ffMvr...
Код одного товара в таблице:

<table class="full_width" cellpadding="0" cellspacing="3" border="0" bgcolor="#ffffff" align="left" width="23%" style="border-collapse: separate; color: #000000; border: 1px solid #5b5b5b; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 23%; margin: 0 1% 15px;">

Пробовал и фиксировано задавать ширину и отступ, та же проблема, везде нормально, кроме outlook. Подскажите, пожалуйста, в чем проблема

Answer 1

[sergski]

а почему align="left"?

<table class="full_width" cellpadding="0" cellspacing="3" border="0" bgcolor="#ffffff" align="center" width="23%" style="border-collapse: separate; color: #000000; border: 1px solid #5b5b5b; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 23%; margin-left: auto; margin-right: auto">

Comments

[Александр Миранович]

у меня 4 товара, мне надо что бы они стояли в ряд, для мобильной версии я их перестраиваю один под один.

[sergski]

Александр Миранович: Тогда так:

<table align="center" width="50%" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <table  width="200px" border="1" cellpadding="0" cellspacing="0" align="left" >
                <tr>
                    <td>1</td>
                </tr>
            </table>
            <table  width="200px" border="1" cellpadding="0" cellspacing="0" align="left">
                <tr>
                    <td>2</td>
                </tr>
            </table>
            <table  width="200px" border="1" cellpadding="0" cellspacing="0" align="left">
                <tr>
                    <td>3</td>
                </tr>
            </table>
        </td>
    </tr>
</table>