mjml-head-style

mjml-style

This tag allows you to use CSS styles for the HTML in your MJML document. This CSS style will be inlined on the final HTML document.

<mjml>
  <mj-head>
    <mj-style>
      .red-color {
        color: red;
      }
    </mj-style>
  </mj-head>
  <mj-body>
    <mj-container>
      <mj-section>
        <mj-column>
          <mj-text>
            <p class="red-color">Hello World!</p>
          </mj-text>
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>