center - MJML - 用图标居中一行文本

Question

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

我的第一次尝试是嵌套在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>

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

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

Answer 1

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

<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>