How to center a button with CSS

It is similar to this effect.

You can achieve this through simple Css styles.

<Div style = "margin: 0 auto; width: 200px;">
<Input class = "submit" id = "btn" type = "submit" value = "register"/>
</Div>

Use margin-left: auto; margin-right: auto; to align your div center. . Style {margin-left: auto; margin-right: auto;} stands for. style {margin: 0 auto;}. The number 0 indicates that the margin is 0. You can set different values as needed. The width at the end is also a very important attribute. Because the button width is very small, you need to set a proper width value to center your button ~