html - 固定幅のボタンを水平方向に中央揃えにする方法は?

Question

幅が常に 50px のボタンがあります。親divの中央に水平に保つにはどうすればよいですか?

Answer 1

親 div の位置合わせを行いcenterます。

HTML:

<div class="parent">
    <input type="button" class="button" value="Btn"/>
</div>

CSS:

.parent{text-align:center;}
.button{width:100px;}

ここでフィドル。

Answer 2

追加

display: block;
margin: 0 auto;

それはそれを行う必要があります。. .