<main>
  <div class="wrapper">
    <form>
      <div>
 <label for="email">Email</label>
        <input autocomplete="email" required type="email" id="email" name="email">
      </div>
      <div>
 <label for="password">Password</label>
        <input autocomplete="new-password" type="password" id="password" name="password">
      </div>
      <button>Sign up</button>
    </form>
  </div>
</main>
 button {
  margin-top: 1rem;
}

label {
  display: block;
  margin-top: 1rem;
}

External CSS

  1. https://codepen.io/web-dot-dev/pen/abpoXGZ.css
  2. https://codepen.io/web-dot-dev/pen/gOgYqvz.css

External JavaScript

This Pen doesn't use any external JavaScript resources.