More than 5 years have passed since last update.

ボタンの中央揃え

Posted at 2014-07-16

html

<div class="button_wrapper">
   <button class="button1">ボタン1</button>
</div>

CSS

.button_wrapper{
   text-align:center;
}

ボタンにはtext-align:center;やmargin:0 auto;によるセンタリングが効かないので、
ボタンを囲んだdivにtext-align:center;を指定する。