图片旁边的新闻文本模板代码-某些电子邮件客户端的兼容性问题

Question

我正在尝试创建一个电子邮件模板，以每周一次通过mailchimp发送rss帖子。我遇到问题，但不是所有电子邮件客户端都遇到问题。我需要在图像旁边（在PC上）显示文本，而在图像下方（在较小的设备上）显示文本，我的代码只是这样做，但是由于某种原因，在雷鸟上它显示错误。

我编辑了代码，以显示有效的代码。

  <div class="mcnTextContent">
    <style type="text/css">
      .testsitenewsletterimage11 p {
        float: left !important;
      }
      .testsitenewslettertxt11 p {
        display: inline-block!important;
        padding-left: 20px;
        width: 50%;
      }
      .testsitenewslettertxt11 hr {
        width: 100% !important;
      }
         .endfeedrss {
        display: block!important;
               clear: both;

      }
        .testsitenewsletterstart {
        display: block!important;
      }

      .im {
        color: #757575 !important;
      }

    </style>

   <div class="testsitenewsletterstart">
       *|FEEDBLOCK:http://testsite.edu.gr/category/%CE%B5%CE%BA%CF%80%CE%B1%CE%B9%CE%B4%CE%B5%CF%85%CF%84%CE%B9%CE%BA%CE%B1-%CE%BD%CE%B5%CE%B1/feed/|*
    *|FEEDITEMS:[$count=3]|*
    <div class="testsitenewsletterimage11">

      <p><a href="*|FEEDITEM:URL|*">*|FEEDITEM:IMAGE|*</a></p>
      <div class="testsitenewslettertxt11">
        <p>
          <span style="font-size:14px">*|FEEDITEM:DATE|*</span><br />
          <strong>*|FEEDITEM:TITLE|* </strong><br />
          <a href="*|FEEDITEM:URL|*">👉 &Mu;ά&theta;&epsilon;&tau;&epsilon;
            &Pi;&epsilon;&rho;&iota;&sigma;&sigma;ό&tau;&epsilon;&rho;&alpha;</a>
            <br />
        </p>


      </div>

    </div>
          <span class="endfeedrss"> 
          <hr /> <br />
    *|END:FEEDITEMS|* *|END:FEEDBLOCK|*
       </span>
      </div>


  </div>

• 我想在PC上实现的目标：https://imgur.com/rtEYN0E
• 雷鸟问题（在PC上：https://imgur.com/oLPRG0k] >>

有人可以让我知道如何解决雷鸟问题吗？我无法调试，因为我不知道如何像在firefox“ Element Inspector”]中检查雷鸟电子邮件代码

谢谢

我正在尝试创建一个电子邮件模板，以每周一次通过mailchimp发送rss帖子。我遇到问题，但不是所有电子邮件客户端都遇到问题。我需要在图像旁边显示文本（在PC上），然后...

Answer 1

尝试这个。我没有选择在Thunderbird中对其进行测试。我更改了br

标签和他的课程的顺序。