Как я могу выстроить несколько таблиц рядом в электронной почте Outlook?

Question

Я хочу показать некоторый текст в "теге" в электронном письме Outlook, и я рекомендую использовать такие таблицы (при условии, что текст, который я хочу показать в "теге", является МОИМ ТЕКСТОМ

  <table style='background-color: blue'><tr><td style='padding:2px 5px'><b>MY TEXT</b></td></tr></table>

это прекрасно работает, но теперь мне нужно показывать несколько тегов рядом, и если я делаю что-то вроде этого, где я размещаю один за другим, они отображаются в разных строках.

  <table style='background-color: blue'><tr><td style='padding:2px 5px'><b>MY TEXT</b></td></tr></table>

  <table style='background-color: blue'><tr><td style='padding:2px 5px'><b>OTHER TEXT</b></td></tr></table>

Есть ли способ выстроить это рядом друг с другом и не иметь разрыв строки после каждой таблицы в электронной почте Outlook?

Answer 1

Один стол будет работать нормально. Новая таблица или строка таблицы будут перемещать содержимое по вертикали. Ячейка таблицы (td) разместит ее горизонтально

<table>
    <tr>
        <td>First Text</td>
        <td>Second Text</td>
    </tr>
</table>

Я поместил более подробный пример на codepen

Answer 2

Если вы хотите использовать вложенные таблицы, то у вас есть две колонки (ячейки) во внешней таблице, например

<table> 
<tr> <td>
<table> <tr> <td>First Text</td> <td>Second Text</td> </tr> </table>
</td> <td>
<table> <tr> <td>First Text</td> <td>Second Text</td> </tr> </table>
</td> </tr> 
</table>

Answer 3

Просто есть один <table>, Скрыть короткую ячейку с nbsp; между вашими двумя таблицами и установите верхнюю и нижнюю границы ячейки пустыми / белыми / без границ.

Вы также можете попробовать использовать вложенные таблицы. То есть один стол внутри другого. Опять вы бы скрыли границы внешнего стола.

Наконец, вы могли бы использовать divs. Эта веб-страница использует divs. Посмотрите на источник.