<div class="login-form">
  <label for="name">Adınız</label>
  <input type="text" id="name">

  <label for="email">Email adresiniz</label>
  <input type="email" id="email">
  
  <label>
    <input type="checkbox"> Beni hatırla
  </label>
  <a href="#">Şifremi unuttum</a>
  <button>Login</button>
</div>


.login-form {
  width: 200px;
  margin: 20px auto;
  border: 1px solid #666;
  padding: 20px;
  border-radius: 10px;
} 

.login-form label,
.login-form button
{
  display: block;
}

.login-form input {
  margin-bottom: 10px;
}

.login-form button {
  margin-top: 10px;
}

.login-form :focus {
  outline: 3px solid orange;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.