Name your fiddle
Description
HTML
<form action="Login" method="post">
<table>
<tr>
<input type="text" name="user" placeholder="UserName" required="true" />
</tr>
<tr>
<input type="password" name="password" placeholder="Password" required="true" />
</tr>
<tr>
<input type="submit" value="Login" />
</tr>
</table>
</form>
CSS
input[type="submit"]{
background:#3399cc;
width:100%;
border:0;
padding:4%;
font-family:'Open Sans',sans-serif;
font-size:100%;
color:#fff;
cursor:pointer;
transition:background .3s;
-webkit-transition:background .3s;
}
input[type="submit"]:hover{
background:#EE2C2C;
}
input[type="text"]{
width:100%;
background:white;
margin-bottom:2%;
margin-top:2%;
border:1px solid #ccc;
padding:4%;
font-family:'Open Sans',sans-serif;
font-size:95%;
color:black;
}
input[type="password"]{
width:100%;
background:white;
margin-bottom:2%;
margin-top:2%;
border:1px solid #ccc;
padding:4%;
font-family:'Open Sans',sans-serif;
font-size:95%;
color:black;
}