Server IP : 92.205.26.207 / Your IP : 216.73.216.16 Web Server : Apache System : Linux 207.26.205.92.host.secureserver.net 4.18.0-553.60.1.el8_10.x86_64 #1 SMP Thu Jul 10 04:01:16 EDT 2025 x86_64 User : zikryat ( 1002) PHP Version : 8.3.23 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/zikryat/public_html/node_modules/source-map/../mjml-text/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
## mj-text This tag allows you to display text and HTML in your email. ```xml <mjml> <mj-body> <mj-section> <mj-column> <mj-text font-family="Helvetica" color="#F45E43"> <h1>Title</h1> <p>Paragraph</p> <p style="font-family:Comic Sans Ms">Another paragraph</p> </mj-text> </mj-column> </mj-section> </mj-body> </mjml> ``` <p style="text-align: center;" > <a href="https://mjml.io/try-it-live/components/text"> <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" /> </a> </p> <aside class="notice"> `mj-text` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. More information about ending tags <a href="#ending-tags">in this section</a>. </aside> attribute | unit | description | default value ------------------------------|---------------|---------------------------------------------|------------------------------------- color | color | text color | #000000 font-family | string | font | Ubuntu, Helvetica, Arial, sans-serif font-size | px | text size | 13px font-style | string | normal/italic/oblique | n/a font-weight | number | text thickness | n/a line-height | px | space between the lines | 1 letter-spacing | px,em | letter spacing | none height | px | The height of the element | n/a text-decoration | string | underline/overline/line-through/none | n/a text-transform | string | uppercase/lowercase/capitalize | n/a align | string | left/right/center/justify | left container-background-color | color | inner element background color | n/a padding | px | supports up to 4 parameters | 10px 25px padding-top | px | top offset | n/a padding-bottom | px | bottom offset | n/a padding-left | px | left offset | n/a padding-right | px | right offset | n/a css-class | string | class name, added to the root HTML element created | n/a