文字
text-align 行の揃えを変える
意味
行の中で、文字を左・中央・右に揃える場合に使います。ブロック全体を画面の中央へ置く場合は、これではなく余白やフレックス／グリッドを使います。
コード
HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。
<p>この行は中央に揃います。</p>p {
text-align: center;
}プレビュー
ブラウザ対応
| ブラウザ | 対応 |
|---|---|
| Chrome | 1〜 |
| Firefox | 1〜 |
| Safari | 1〜 |
| Edge | 12〜 |
| Chrome Android | 18〜 |
| Safari iOS | 1〜 |
出典: MDN Web Docs（`@mdn/browser-compat-data`）