MJML - Центрирование строки текста с иконкой - PullRequest
Новая
       65

MJML - Центрирование строки текста с иконкой

0 голосов
/ 10 апреля 2019

Мне трудно понять, как расположить строку текста по центру с иконкой, которая должна выглядеть примерно так:

enter image description here

Моя первая попытка - вложиться внутрь 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>

Это не выравнивает текст по вертикали и значок enter image description here

Я имеютакже пытался создавать таблицы, но никаких улучшений не было.

1 Ответ

0 голосов
/ 10 апреля 2019

Я обнаружил, что это простая ошибка 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>
...