廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。
廃止済みの HTML の中央揃え要素 (<center>) は、中に含まれるブロックレベルまたはインラインコンテンツを中央揃えして表示するブロックレベル要素です。コンテナーはふつう <body> ですが、必ずしもそうとは限りません。
このタグは HTML 4 (及び XHTML 1) で非推奨要素に指定され、 CSS の text-align プロパティを <div> 要素に適用するか、それぞれの <p> 要素に適用する方式が採用されました。ブロックを中央揃えするには、別な CSS プロパティである margin-left および margin-right など用いて、値を auto に設定してください（または、 margin を 0 auto に設定してください）。
DOM インタフェース
この要素は HTMLElement インタフェースを実装しています。
実装メモ: Gecko 1.9.2 以前 (Firefox) は、この要素に HTMLSpanElement インタフェースを実装しています。
例1
<center>This text will be centered. <p>So will this paragraph.</p></center>
例2 （CSSでの方法）
<div style="text-align:center">This text will be centered. <p>So will this paragraph.</p></div>
例3 （CSSでの方法）
<p style="text-align:center">This line will be centered.<br> And so will this line.</p>
メモ
text-align:center を <div> または <p> 要素に適用すると、そのコンテンツを中央揃えにしますが、コンテンツの寸法はどれも変更されません。
ブラウザー実装状況
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
center | Chrome 完全対応 あり | Edge 完全対応 あり | Firefox
完全対応
あり
| IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android
完全対応
あり
| Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応
- 非推奨。新しいウェブサイトでは使用しないでください。
- 非推奨。新しいウェブサイトでは使用しないでください。
- 実装ノートを参照してください。
- 実装ノートを参照してください。