を使用して をdiv
親要素の内側で水平方向に中央揃えするにはどうすればよいでしょうか?div
CSS
<div id='parent' style='width: 100%;'>
<div id='child' style='width: 50px; height: 100px;'>Text</div>
</div>
ベストアンサー1
親 div の幅がないか、または広く、子 div の幅が小さいと仮定します。次のコードでは、上と下の余白をゼロに設定し、両側を自動的に合わせるように設定しています。これにより、div が中央に配置されます。
div#child {
margin: 0 auto;
}