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't 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
).
This element implements the HTMLElement
interface.
Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement
interface for this element.
<center>This text will be centered. <p>So will this paragraph.</p></center>
<div style="text-align:center">This text will be centered. <p>So will this paragraph.</p></div>
<p style="text-align:center">This line will be centered.<br> And so will this line.</p>
Applying text-align
:center
to a <div>
or <p>
element centers the contents of those elements while leaving their overall dimensions unchanged.
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | Yes | Yes | Yes
|
Yes | Yes | Yes |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | Yes | Yes | Yes | Yes
|
Yes | Yes | Yes |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center