Tailwind CSS 練習問題 18：Tailwindのマージン（margin）ユーティリティ

Tailwind CSSではマージンを指定する際、上下方向は`my-`、左右方向は`mx-`という接頭辞を使い、数値スケールまたは`auto`を組み合わせて指定します。上下24pxは`my-6`（Tailwindの標準スケールでは1単位=4pxのため6=24px）、左右中央寄せは`mx-auto`で表現します。

【正解の理由】
`my-6`は上下マージンをスケール6（24px）に設定し、`mx-auto`は左右マージンを自動計算して要素を中央に配置します。この組み合わせが要件を満たす正しい記法です。

【不正解の理由】
• 「py-6 px-auto」：`p`はパディング用の接頭辞であり、マージンには使えない。また`px-auto`という指定はTailwindに存在しない
• 「m-6 auto」：`m-6`は上下左右すべてに24pxのマージンを付けてしまい、`auto`単体はクラス名として無効
• 「margin-y-6 margin-x-auto」：Tailwindの実際のクラス名は省略形の`my-`や`mx-`であり、`margin-y-`のような表記は存在しない
• 「mt-6 mb-6 ml-center mr-center」：`ml-center`や`mr-center`という値はTailwindに存在せず、中央寄せには`mx-auto`を使う必要がある