Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
The obsolete HTML Center Element (<center>
) is a block-level element that displays its block-level or inline contents centered horizontally within its containing element. The container is usually, but isn'tt required to be, <body>
.
This tag has been deprecated in HTML 4 (and XHTML 1) in favor of the CSS text-align
property, which can be applied to the <div>
element or to an individual <p>
. For centering blocks, use other CSS properties like margin-left
and margin-right
and set them to auto
(or set margin
to 0 auto
).
DOM interface
This element implements the HTMLElement
interface.
Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement
interface for this element.
Example 1
<center>This text will be centered. <p>So will this paragraph.</p></center>
Example 2 (CSS alternative)
<div style="text-align:center">This text will be centered. <p>So will this paragraph.</p></div>
Example 3 (CSS alternative)
<p style="text-align:center">This line will be centered.<br> And so will this line.</p>
Note
Applying text-align
:center
to a <div>
or <p>
element centers the contents of those elements while leaving their overall dimensions unchanged.
Browser compatibility
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | Yes | Yes | Yes1 | Yes | Yes | Yes |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | Yes | Yes | Yes | Yes1 | Yes | Yes | Yes |
1. Before Firefox 4, this element implemented the HTMLSpanElement
interface instead of the standard HTMLElement
interface.