JSFiddle - React, Tailwind, and code Playground

by Sub Lines

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="">
</head>
<body>
  <table style="max-width:600px;font-family:Arial,Helvetica,sans-serif" align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
                                                <td align="center">
                                                  <div style="display:inline-block;max-width:250px;width:100%;vertical-align:middle">
                                                    <table style="padding:5px;font-family:Arial;font-size:13px" border="0" bgcolor="#ffffff" width="100%" cellspacing="0" cellpadding="0">
                                                      <tbody>
                                                        <tr>
                                                          <td align="center"><span style="padding:10px 20px;text-align:center;text-decoration:none;font-weight:bold;background:#e2e8ec;font-size:17px;width:200px;display:table-cell;margin-left:auto;margin-right:auto" rel="external" href="#">Test content</span></td>
                                                        </tr>
                                                      </tbody>
                                                    </table>
                                                  </div>
                                                  <div style="display:inline-block;max-width:250px;width:100%;text-align:center;vertical-align:middle">
                                                    <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody>
                                                        <tr>
                                                          <td align="center"><span style="padding:10px...