buttonタグ中央寄せ

ボタンタグを中央に寄せようと思って
『margin:0 auto』を設定しても効かない。

『buttonタグ中央寄せ』
ぐぐるとdivで囲ってtext-align:centerを設定すればいいとある。

えー。divタグ余計に挟むのいやだなー。
あ、親要素がtext-align:centerで中央寄せになるということは
buttonタグはinline(テキスト)要素か、見た目的にブロック要素っぽいけど確かにテキストだわ。

ということは

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

ブロック要素にしてあげて、いつもどおり
margin: 0 auto;
しれあげればおしまい