可変幅のブロック要素をdisplay: inline-blockで中央寄せする方法

ブロック要素を中央寄せする場合、その要素の幅とマージンを指定します。 サイズ固定のブロック要素をdisplay: inline-blockで中央寄せする方法 HTML <div class="parent"> <div class="child">このブロック要素を中央寄せ</div> </div> CSS .parent { width: 100%; } .child { width: 300px; margin: 0 auto; } しかしこの方法は、あらかじめ幅を指定しておくことが難しい場合には使えません。 ということで、今回は可変幅のブロック要素を中央寄せする方法をご紹介します。 HTML <div class="parent"> <div class="child">このブロック要素を中央寄せ</div> </div> CSS .parent { text-align: cent

[idr_zz]

やりたいことに近いかも。親要素のtext-alignを変えればいいのか。 可変幅のブロック要素をdisplay: inline-blockで中央寄せする方法 @bambooooooo0116さんから

[aoiasaba]

結局これが正解だったっぽい。悔しいな。