JSFiddle - React, Tailwind, and code Playground

by martintcash

HTML

<form accept-charset="UTF-8" action="https://martyc.infusionsoft.com/app/form/process/d3972aef6a5f051fbc7a03b76be73098" class="infusion-form" id="inf_form_d3972aef6a5f051fbc7a03b76be73098" method="POST">
  <input name="inf_form_xid" type="hidden" value="d3972aef6a5f051fbc7a03b76be73098" />
  <input name="inf_form_name" type="hidden" value="Web Form submitted" />
  <input name="infusionsoft_version" type="hidden" value="1.68.0.90" />

  <div id="block_container">

    <div class="infusion-field" id=field>
      <label for="inf_field_Email">Email *</label>
      <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" />
    </div>
    <div class="infusion-submit" id="submit">
      <button type="submit">Submit</button>
    </div>
  </div>
</form>
<script type="text/javascript" src="https://martyc.infusionsoft.com/app/webTracking/getTrackingCode"></script>

CSS

#block_container {
  text-align: center;
}

#field,
#submit {
  display: inline;
}