<section class="login">
  <form>
    <label>
      Usuário
      <input type="text">
    </label>
    <label>
      Senha
      <input type="password">
    </label>
  </form>
</section>
body {
  margin: 0;
}

.login {
  min-height: 100vh;
  background-color: #fa9d48;
  display: flex;
  justify-content: center;
  align-items: center;
}

form {
  width: 250px;
  padding: 50px;
  background-color: #fafafa;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

label {
  display: flex;
  justify-content: space-between;
  font-family: Tahoma, sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.