MJML — центрирование строки текста с помощью значка

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

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

Это не выравнивает тексты и значок по вертикали MJML — центрирование строки текста с помощью значка

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

center vertical-alignment mjml

10.04.2019 00:18

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

2 084

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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>

10.04.2019 00:56

Другие вопросы по теме

Латекс: отступы в уравнении (прямоугольники вместо цифр)

Флажок вертикального выравнивания с вкладками Bootstrap 3 подряд

Вертикально выровнять эмодзи в div на Mac

Как отобразить несколько флажков как по горизонтали, так и по вертикали css

Центральный ряд в сетке в ионном макете

CSS - правильное выравнивание текста по центру по вертикали

Как исправить непоследовательное вертикальное выравнивание текста-заполнителя на настольных и мобильных устройствах?

Css высота, максимальная высота, высота строки VS. вертикальное выравнивание

Как выровнять h2 внутри вложенного div?

Как применить z-индекс к моему тексту, чтобы он плавал над моим изображением

MJML — центрирование строки текста с помощью значка

Ответы 1

Другие вопросы по теме

Похожие вопросы