Input type submit button not centered?

[Catherine]

Hi guys,

I've another problem. I tried to center the log in button but I couldn't get anything done. What have I done wrong?

CSS

.centerEverything {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 2.5em;
}

input[type=submit] {
padding: 0.5em 1em;
cursor: pointer;
border: none;
border-radius: 0.2em;
}

[Catherine]

Alright,

I fixed it. I have an element floated left before it. So this caused the trouble.

[siteadmin]

or you can just add text-align: center in your main div.

[Bella]

yeah, that's great idea.