Как заставить элементы MJML <mj-text> отображать inline-block

Question

Я новичок в mjml, и я пытаюсь выяснить, есть ли способ сделать <mj-text> элементы для отображения inline-block без использования <mj-style> или встроенный CSS.

у меня есть <mj-text> который отображает динамически сгенерированный текст - поэтому я не могу предвидеть его ширину. Я хотел бы, чтобы фон этого контейнера заканчивался там, где заканчивается текст, а не заполнял всю ширину страницы (как это делают элементы блока).

Вот и пример шаблона, который я пытаюсь сделать:

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text align="left" container-background-color="#c3e16d" color="#60b7f1" font-size="14px">
          <span>Dynamically Generated Text</span>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

После некоторых поисков мне удалось заставить его работать, используя <mj-style> блок - но что я пытаюсь выяснить, если есть более правильный способ сделать это с помощью mjml апи.

Answer 1

То, как вы это сделали, прекрасно. Вы также можете просто использовать встроенные стили на span тег, как это.

Как span тег создан для этого типа потребностей и уже делает это хорошо, мы не реализовали ничего, чтобы заменить это в MJML.