CSS 中央揃え デモ
3つの異なるアプローチで、要素を上下左右の中央に配置しています！
1. Flexbox（定番・王道）
Flexbox
2. CSS Grid（たった2行！）
Grid
3. Absolute + Transform（重ね合わせに強い）
Absolute