Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS forms</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="bootstrap/css/font-awesome.min.css">
<style>
body{
font-family: Arial, sans-serif;
}
input{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
.form-div{
border: 3px solid red;
padding: 20px;
background-color: #bccfc8;
}
h2{
text-align: center;
text-decoration: underline overline;
}
</style>
</head>
<body>
<!-- Login Form -->
<div class="form-div">
<h2>Login Here</h2>
<form>
<input type="text" placeholder="User Name">
<br>
<input type="password" placeholder="Password">
<br>
<input type="submit" value="Login">
</form>
</div>
</body>
</html>
Output:
