HTML-адрес выравнивания по электронной почте

Я пытаюсь выровнять часть текста вправо, а другую часть влево в почте HTML, но в Outlook float не работает. Поэтому в основном я ищу float CSS в Outlook. Я знаю, что это звучит довольно жутко, а text-align или align="" не работает. Какие-либо предложения?

<td>
   <span style="text-align:left; float:left;">
       First part
   </span>
   <span style="text-align:right; float:right;">
       Second part
   </span>
</td>

Ответы

Ответ 1

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

Есть несколько хороших документов по этому вопросу:

http://www.campaignmonitor.com/css/

http://www.emailology.org/

В вашем примере:

<td>
   <table cellpadding="0" cellspacing="0" width="100%">
       <tr>
           <td align="left">First part</td>
           <td align="right">Second part</td>
       </tr>
   </table>
</td>

Это ужасно, но, к сожалению, это лучший способ.

Ответ 2

Используйте таблицы компоновки (содрогания).

Поддержка Outlook для стилизации электронной почты настолько ужасна, что другого способа не существует.

Существует статья 24-way article с некоторыми рекомендациями для написания электронного письма в формате HTML.