Aligning a button to the center

Question

I have a simple submit button  I am wanting to align it to the center  Here is my code    lt input type  submit  name  btnSubmit  value  Submit  onClick  Submit  align  center  gt    However  it does not work  What is the best easiest way to do this

User · Answer

Add width 100px  margin 50    Now the left side of the button is set to the center  Finally add half of the width of the button in our case 50px  The middle of the button is in the center    lt input type  submit  style  width 100px margin 0 50  position relative left -50px   gt

User · Answer

Here is what worked for me        lt input type  submit  style  margin-left  50   gt    If you only add margin  without the left part  it will center the submit button into the middle of your entire page  making it difficult to find and rendering your form incomplete for people who don t have the patience to find a submit button lol  margin-left centers it within the same line  so it s not further down your page than you intended   You can also use pixels instead of percentage if you just want to indent the submit button a bit and not all the way halfway across the page

User · Answer

You should use something like this      lt div style  text-align center  gt         lt input type  submit    gt     lt  div gt      Or you could use something like this  By giving the element a width and specifying auto for the left and right margins the element will center itself in its parent    lt input type  submit  style  width  300px  margin  0 auto     gt

User · Answer

For me it worked using flexbox  which is in my opinion the cleanest solution    Add a css class around the parent div   element with     parent   display  flex      and for the button use    button   justify-content  center      You should use a parent div  otherwise the button doesn t  know  what the middle of the page   element is   If this is not working  try      wrapper       display flex      justify-content  center

User · Answer

margin  50      You can adjust the percentage as needed  It seems to work for me in responsive emails

[html] Aligning a button to the center

Examples related to html

Examples related to css