CSSで親要素を基準に中央寄せするにはどうしたらいいですか？

親要素に基づいて中央に配置する方法

親要素を基準にして要素を中央に配置したい場合、親要素には高さを設定し、スタイルとして display: table-cell と vertical-align: center を指定します。この方法はインライン要素にも適用できるため、安心して使えます。