How can I horizontally center a button element in a div element?

html css center text-alignment text-align

weilou · Mar 8, 2013 · Viewed 79.7k times · Source

I don't want to add CSS to my div element (e.g. <div style="text-align: center;">).

I only want to add CSS code to the button element.

How can I center the button horizontally in this case?

Answer

button {
    margin:0 auto;
    display:block;
}

button {
  margin: 0 auto;
  display: block;
}

<div>
  <button>Button</button>
</div>