CSS基礎 練習問題 11：CSSテキスト配置
要素のテキストを画面中央に水平方向で揃えたい場合、正しいCSSの書き方はどれか。
- p { text-align: center; }
- p { align-text: center; }
- p { text-position: center; }
- p { justify-content: center; }
- p { align-items: center; }
正解と解説を見る
正解：p { text-align: center; }
テキストを水平方向に中央揃えするにはtext-alignプロパティにcenterを指定する。『align-text: center;』はプロパティ名が誤りで、CSSに存在しないプロパティ名である。『text-position: center;』も同様に存在しないプロパティである。『justify-content: center;』はフレックスコンテナ内のアイテム配置を制御するプロパティであり、通常のテキスト揃えには使わない。『align-items: center;』もフレックスまたはグリッドコンテナ内でのアイテムの垂直方向の配置に使うプロパティであり、テキストの水平中央揃えには適さない。