JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <script>
window.onload = function(){
myVar = "300";
document.getElementById('total_accounts').innerHTML = myVar;
        };
</script>
  <br>

  <div class="separator" style="clear: both; text-align: center;"></div><br>

  <div>
    <table border="2" cellpadding="10" cellspacing="0" style=
    "background-color: white; border-collapse: collapse; text-align: center; width: 900px;">
    <tbody>
        <tr style=
        "background-color: #f7941e; color: white; padding-bottom: 4px; padding-top: 5px;">
        <th>
            <div style="text-align: center;">
              <span style=
              "font-family: Verdana, sans-serif; font-size: small;">Total
              Accounts</span>
            </div>
          </th>

        </tr>

        <tr>
          <td>
            <div style="text-align: justify;">
              <div style="text-align: center;">
                <span id="total_accounts" style=
                "color: #20124d; font-family: Verdana, sans-serif; font-size: 75px; font-weight: bold;"></span>
              </div>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</body>