Как выровнять input и при этом чтобы еmail был text-align: right
? и всё это по середине.
form {
width: 600px;
height: 500px;
margin: auto;
margin-top: 10%;
}
.formPadding {
padding: 30px;
}
span {
color: black;
font-size: 36px;
}
p {
font-size: 12px;
font-family:"Helvetica" ;
}
input[type=email],[type=password] {
margin-left: 5px;
padding: 10px 10px 10px 5px;
}
input, label {
margin-top: 10px;
}
label {
font-size: 12px;
font-family:"Helvetica";
}
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="form">
<form action="index.html" method="post">
<div class="formPadding">
<span><b>Login</b></span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<label for="Email">Email:</label>
<input type="email" name="email" value="Enter your email..." id="Email">
<br>
<label for="Pass">Password:</label>
<input type="password" name="pass" id="Pass" value="12345678">
<input type="checkbox" name="rememberMe" id="RememberMe" value="">
<label for="RememberMe">Remember Me</label>
<div class="forgotPassword">
<a href="#">Forgot password?</a>
</div>
<div class="buttLog">
<input type="submit" name="log" id="Log" value="LOGIN">
</div>
</div>
</form>
</div>
<script src="main.js"></script>
</body>
</html>
label
сделатьdisplay:inline-block
и задать ширину