Tailwind CSS 練習問題 69：リストのマーカー位置
📊 Qraftユーザーの成績
- 難易度 Cランク（レーティング1186）
- 難易度 1375位/2795問中
- 正答率 100%（1/1回正解）
Tailwind CSSにおいて、リストのマーカー（中黒や数字）をリスト項目のコンテンツ領域の内側に含めて表示したい（CSSの list-style-position: inside; に相当）場合、正しいクラスはどれか。
- 要素のクラスとして `list-inside` を付与する
- 要素のクラスとして `marker-inside` を付与する
- 要素のクラスとして `ul-inside` を付与して使う
- 要素のクラスとして `item-inside` を付与する
- 要素のクラスとして `bullet-inside` を付与する
正解と解説を見る
正解：要素のクラスとして `list-inside` を付与する
リストのマーカー（中黒や数字）をコンテンツの内側に配置するには「list-inside」クラスを使用します。
【正解の理由】
「list-inside」はCSSの「list-style-position: inside;」に相当し、マーカーをリスト項目のテキストと同じブロック内に含めるための標準ユーティリティです。
【不正解の理由】
• 「『marker-inside』を付与する」という記述は誤り。マーカー自体の装飾（色など）に「marker:」バリアントを使うことはありますが、位置指定の接頭辞は「list-」です。
• 「『ul-inside』を付与して使う」という記述は誤り。HTMLタグ名（ul）を直接用いたクラス名はありません。
• 「『item-inside』を付与する」という記述は誤り。リスト項目であることを示すような独自の接頭辞はありません。
• 「『bullet-inside』を付与する」という記述は誤り。bullet（中黒）という単語を用いたクラスは存在しません。