25egg

要素を上下左右中央寄せにする

CSSで上下左右を中央寄せにします。
レスポンシブ対応ですが、横幅が狭いときの挙動が少し違います。

position:absolute

See the Pen box-center-absolute by 25egg (@25egg) on CodePen.

flexbox

See the Pen box-center-flex by 25egg (@25egg) on CodePen.