JSFiddle - React, Tailwind, and code Playground

by Donna Torr

HTML

<div class="newsletter"><h1 color="#000">SIGN UP TO OUR 'WHAT'S ON' NEWSLETTER</h1><div><div><p>Subscribe to our weekly email containing the latest news and events in and around Lymington.</p></div>
<form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="5B5E7037DA78A748374AD499497E309EDC989C5B2884F314EAB32EED67F87508C0B8DF24122B3CECD9AF48AEFD1D7FD9AB19A1EB7FE2A14AADFEE74BFB3DA428"><div><div><label>Name </label><input aria-label="Name" id="fieldName" maxlength="200" name="cm-name"></div><div><label>Email </label><input autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-uujjkdi-uujjkdi" required="" type="email"></div></div><button class="sppb-btn  sppb-btn-primary sppb-btn-rounded" type="submit">Subscribe</button></form></div></div><script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>

CSS

.newsletter h3, .newsletter p, .newsletter form {
  text-align:center;
}
.newsletter input {
  height:30px;
  border-radius:3px;
  margin-bottom:5px;
  width:60%
}