JSFiddle - React, Tailwind, and code Playground
by CommandLineDesign
HTML
' <!doctype html>\n' +
' <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">\n' +
' <head>\n' +
' <title>\n' +
' \n' +
' </title>\n' +
' <!--[if !mso]><!-- -->\n' +
' <meta http-equiv="X-UA-Compatible" content="IE=edge">\n' +
' <!--<![endif]-->\n' +
' <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n' +
' <meta name="viewport" content="width=device-width, initial-scale=1">\n' +
' <style type="text/css">\n' +
' #outlook a { padding:0; }\n' +
' body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n' +
' table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n' +
' img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n' +
' p { display:block;margin:13px 0; }\n' +
' </style>\n' +
' <!--[if mso]>\n' +
' <xml>\n' +
' <o:OfficeDocumentSettings>\n' +
' <o:AllowPNG/>\n' +
' <o:PixelsPerInch>96</o:PixelsPerInch>\n' +
' </o:OfficeDocumentSettings>\n' +
' </xml>\n' +
' <![endif]-->\n' +
' <!--[if lte mso 11]>\n' +
' <style type="text/css">\n' +
' .mj-outlook-group-fix { width:100% !important; }\n' +
' </style>\n' +
' <![endif]-->\n' +
' \n' +
' <!--[if !mso]><!-->\n' +
' <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">\n' +
' <style type="text/css">\n' +
' @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);\n' +
' </style>\n' +
' <!--<![endif]-->\n' +
'\n'...