Tailwind CSS 練習問題 26：Tailwindの行間（line-height）ユーティリティ
Tailwind CSSにおいて、複数行にわたるテキストの行間（line-height）をゆったりと広く設定したい場合、正しいクラスはどれか。
- leading-loose
- line-height-loose
- spacing-loose
- text-loose
- leading-space-loose
正解と解説を見る
正解：leading-loose
Tailwind CSSでは行間の指定に「leading-」というプレフィックスを使い、leading-none・leading-tight・leading-normal・leading-relaxed・leading-looseなどの段階があります。
【正解の理由】
「leading-loose」はline-heightを最も広めに設定するTailwindの標準ユーティリティクラスです。
【不正解の理由】
• 「line-height-loose」：CSSプロパティ名をそのままクラス名にしたものであり、Tailwindの実際の命名規則（leading-）とは異なる
• 「spacing-loose」：spacingはmarginやpadding、gapなどの間隔設定に関連する概念であり、行間の指定には使われない
• 「text-loose」：textというプレフィックスは主に文字サイズや配置・変形に使われ、行間の指定には使われない
• 「leading-space-loose」：Tailwindの実際のクラス名には存在しない架空の命名