Как исправить эту текстовую проблему в почтовой рассылке?

Question

Текст каждого RSS в бюллетене идет вниз и позиционируется влево.

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

<div style="text-align: left;">
     <a href="https://contratocompraventavehiculo.co">
          <img data-file-id="798535" height="60" src="https://gallery.mailchimp.com/fb081e42ac85d682d4bbec/images dd-8a84-47cd-b3e0-a23f612be.png" style="border: 0px  ; width: 60px; height: 60px; float: left; margin: 0px 15px 0px 0px;" width="60" /> 
     </a>
     <span style="font-family:open sans,helvetica neue,helvetica,arial,sans-serif">
          <span style="font-size:16px">
               <span style="color:#000000">
                    Become an expert
               </span>
               <br />
               <a href="https://contratocompraventavehiculo.co" target="_blank"> 
                    <span style="color:#000000">
                         <strong>Discover new opportunities</strong>
                    </span>
               </a>
          </span>
     </span>
</div>

В следующей ссылке вы можете видеть, что текст идет вниз и не выровнен по первой части текста: https://i.imgur.com/Pez3jGp.png

Answer 1

HTML-код сильно изменился по сравнению с тем, что начинался 20 лет назад.

В начале (20 лет назад) мы создавали таблицы.Столы на все.В наши дни мы используем теги <div> и <aside>, но тогда все было в виде таблицы.Чтобы точно расположить вещи, мы помещаем <tables> внутрь <table> клеток.Это то, что вы все еще должны делать - только для электронной почты.:

<table>
   <tr>
      <td>
         <table><tr><td>some data</td></tr></table>
      </td>
   </tr>
</table>

Кроме того, таблицы в электронной почте поддерживают только ограниченный CSS.И ваш CSS не может быть внутри <style> тегов - он должен быть встроенным, например:

<td style="text-align:right">

Не так:

<style>
    td{text-align:right;}
</style>

Ссылки:

https://www.w3schools.com/html/html_tables.asp

https://www.sitepoint.com/how-to-code-html-email-newsletters/

https://emailmonks.com/blog/email-coding/step-step-guide-create-html-email/