I’m finishing up my Product Landing Page (it passes the tests, it just feels unfinished) and I for the life of me cannot figure out how to center the email fill out bit I’ve tried .form #email, and what feels like every combination under the sun and I can’t figure it out. Also how to get the submit button underneath the form itself, that would be nice too.
Edit: I forgot to put my link in there, sorry. https://codepen.io/Smellbringer/pen/XWjNGEx
1 Like
Hi @Smellbringer (haha I like your username)
Do you mean that you want to center the placeholder text in the input box? If so, this is how you achieve it:
::placeholder {
text-align: center;
}
For the submit button to be at the bottom of the form, place the button after the last form element. You can take a look at my project to get an idea.
Hope it helps!
1 Like
No, I want the whole email form to be in the center.
If that’s the case then wrap your form in a div and then use:
margin: 0 auto;
This will center the div on your website.
text-align worked.
I have no clue why, it’s not text it’s a form, but it worked.
1 Like