No replies
deep27's picture
Last seen: 9 years 22 weeks ago
Timezone: GMT+5.5
Joined: 2013-04-24
Posts: 1
Points: 2


I have two textbox and one button in a popupbox.I want to make button exactly below the two textbox , wherein in my code it is not happening. **Please help**


<div class="popup">
<div class="login">
<form method="post" action="index.html">
<p><input type="text" name="login" value="" placeholder="Username or Email"></p>
<p><input type="password" name="password" value="" placeholder="Password"></p>
<p class="remember_me">
<input type="checkbox" name="remember_me" id="remember_me">
Remember me on this computer
<p class="submit"><input type="submit" name="commit" value="Login"></p>
<div class="login-help">
<p>Forgot your password? <a href="index.html">Click here to reset it</a>.</p>
Here is my stylesheet CSS:
input {
font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
font-size: 14px;
input[type=text], input[type=password] {
margin: 5px;
padding: 0 10px;
width: 200px;
height: 34px;
color: #404040;
background: white;
border: 1px solid;
border-color: #c4c4c4 #d1d1d1 #d4d4d4;
border-radius: 2px;
outline: 5px solid #eff4f7;
-moz-outline-radius: 3px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
input[type=text]:focus, input[type=password]:focus {
border-color: #7dc9e2;
outline-color: #dceefc;
outline-offset: 0;
input[type=submit] { // submit button 
padding: 0 18px;
height: 29px;
font-size: 12px;
font-weight: bold;
color: #527881;
text-shadow: 0 1px #e3f1f1;
background: #cde5ef;
border: 1px solid;
border-color: #b4ccce #b3c0c8 #9eb9c2;
border-radius: 16px;
outline: 0;
// button hover, active
input[type=submit]:active {
background: #cde5ef;
border-color: #9eb9c2 #b3c0c8 #b4ccce;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
line-height: 34px;
.login form{
text-align: center;