JSFiddle - React, Tailwind, and code Playground

by gol ngaz²

HTML

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>\n
\n
\n
<html xmlns="http://www.w3.org/1999/xhtml">\n
    <head>\n
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\n
        <style type="text/css">\n
            body {\n
                margin:0;\n
                padding:10px 0;\n
                width:100%;\n
                font-family:Arial, Helvetica, sans-serif;\n
                background-color:#F5F5F5;\n
            }\n
\n
            @media only screen and (max-width:480px) {\n
                body .deviceWidth { width:320px !important; height:auto !important; }\n
            }\n
        </style>\n
    </head>\n
\n
    <body style="background-color: #f5f5f5; width: 100%;  ">\n
        <table style="width: 600px; font-size: 12px; word-wrap:break-word; margin: 0 auto; background-color: #fff; " align="center">\n
            <tr>\n
                <td style="border: 3px solid #656565; background-color: #fff; padding: 20px; color:#000; ">\n
                    \n
<div style="line-height: 1.3; ">\n
    <p>\n
        Hola,    </p>\n
\n
    <p>\n
        Se ha activado un aviso en el pedido <b>242-424-242</b>.    </p>\n
\n
    <p>\n
        Encontrará los detalles a continuación:    </p>\n
\n
    <div>\n
        <h3 style="font-weight: normal; text-decoration: underline; margin-bottom: 5px; ">AVISO</h3>\n
\n
        <table style="width: 100%;" cellpadding="0" cellspacing="0">\n
            <tbody>\n
                <tr>\n
                    <td style="padding-right: 10px; width: 50%; font-size: 12px; line-height: 1.3; ">\n
                        <div><b>Tipo de aviso:</b>Antelación</div>\n
\n
                        <div><b>Tipo de operación:</b>Entrega</div>\n
\n
                        <div><b>Distancia:</b>3min</div>\n
                    </td>\n
                    <td style="padding-right: 10px; width: 50%; font-size: 12px; line-height: 1.3; ">\n
      ...