Hi again,
Another issue im facing is I can’t seem to get my form to align dead smack middle of the webpage. Any ideas why im having such an issue. PS this is not a code challenge of any sort. Also, im really new so my code I’m sure will be far from nice and neat.
HTML
<style>
p {
margin-top: 300px;
}
</style>
<form action="/action_page.php" target="_blank">
<label for="First Name">First Name</label>
<input type="text" placeholder="Enter First Name">
<label for="Email">Email Address</label>
<input type="email" placeholder="Enter Email Address">
<input type="submit" value="Submit" class="button">
</form>
CSS
form {
margin: 60px;
margin-top: 15px;
}
form label {
display: block;
margin: 10px 0px;
}
form input[type="text"],
input[type="email"] {
display: block;
padding: 10px 0;
margin: 15px 0;
border-radius: 5px;
width: 25%;
}
form input[type="submit"] {
display: block;
padding: 10px 0;
margin: 1px;
border: 1px solid transparent;
background: #3262ab;
color: white;
border-radius: 5px;
width: 25%;
cursor: pointer;
transition: all 1s;