Centering Email Fill Out

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.

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