テキストの中央寄せ: text-align: center;を使用。
このテキストは中央に寄せられています。
ブロック要素の中央寄せ: 要素に幅を指定し、margin: 0 auto;を使用。
このブロック要素は中央に寄せられています。
フレックスボックスを使用した中央寄せ: display: flex; justify-content:
center; align-items: center;を使用。
この要素はフレックスボックスで中央に寄せられています。
グリッドレイアウトを使用した中央寄せ: display: grid; place-items:
center;を使用。
この要素はグリッドレイアウトで中央に寄せられています。
絶対配置を使用した中央寄せ: 親要素にposition:
relative;を指定し、子要素にposition: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%);を使用。