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错误。我需要垂直对齐图像，这就是‍♂️

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