MJML - 用图标居中一行文本答案

【问题标题】：MJML - Centering a line of text with an iconMJML - 用图标居中一行文本
【发布时间】：2019-08-31 07:06:29
【问题描述】：

我很难弄清楚如何使用图标将一行文本垂直居中，该图标应该看起来像这样

我的第一次尝试是嵌套在 mj-text 中

<mj-section background-color="#fff" padding="45px 0">
    <mj-hero>
        <mj-text align="center">
          Find your next <span class="neon-red">Meetup</span> <img style="width: 12px" src="img/chevron--right.png" />
        </mj-text>
    </mj-hero>
</mj-section>

这不会垂直对齐文本和图标

我也尝试过制作表格，但没有任何改进。

【问题讨论】：

标签： center vertical-alignment mjml

【解决方案1】：

我发现这是一个简单的 css 错误。我需要垂直对齐图像，仅此而已?‍♂️

<mj-section background-color="#fff" padding="45px 0">
    <mj-hero>
        <mj-text align="center">
          Find your next <span class="neon-red">Meetup</span> <img style="width: 12px; vertical-align: middle" src="img/chevron--right.png" />
        </mj-text>
    </mj-hero>
</mj-section>

【讨论】：