<form class="login-form"> <label>Username</label> <input class="form-input" type="text" name="username"/> <label>Password</label> <input class="form-input" type="password" name="password"/> <button type="submit">Login</button> </form> style for above form with input field

.login-form {
  border: 1px solid #ccc;
  padding: 30px;
  background-color: white;
  border-radius: 5px;
  width: 25%;
  margin: 0 auto;
  margin-top: 50px;
}

.form-input {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

button {
  margin-bottom: 10px;
}