div with display:inline-block margin 0 auto not center

Question

I try to

Answer 1

display:table; would position it in center too:

CSS:

  .button{
    display: table;
    margin: 0 auto;
    }

HTML:

< /div>

Note: Using inline styles is a bad practice.