<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="regForm"> <h1 id="titleReg">Login</h1> <form action="login.php" method="post"> <input type="text" name="email" placeholder="Email"> <input type="password" name="password" placeholder="Password"> <input type="submit" name="log" value="Accedi"> <a href="register.php" id='advReg'>Not registered? Sign in</a> </form> </div>

body{ background: #0001; } .regForm{ margin-left: 80px; padding: 20px; width: 40%; margin-top: 50px; margin-left: 350px; background: white; } input[type=text] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin-top: 20px; text-align: center; border-color: black; } input[type=text]:hover{ background: #0001; } input[type=password]:hover{ background: #0001; } input[type=password] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin-top: 20px; text-align: center; border-color: black; } input[type=submit] { text-align: center; background-color: black; color: white; border: none; border-radius: 4px; cursor: pointer; width: 100%; height: 45px; margin-top: 20px; } #titleReg{ text-align: center; font-size: 50px; height: 20%; } .error-message { color: #cc0033; display: inline-block; font-size: 28px; line-height: 15px; margin: 5px 0 0; } #advReg{ font-size: 18px; margin-top: 10px; }