buttonタグの中央寄せについて

buttonタグの中央寄せについて調べたので、
備忘録として残しておきます。

divでラップする方法

<div class="hoge_button">
   <button id="hoge">ボタン</button>
</div>

.hoge_button {
   text-align: center;
}

ブロック要素にする方法

<button id="hoge">ボタン</button>

button {
  display: block;
  margin: auto;
}

参考