HTML - <center>
The HTML Center Element (<center>
) is a block-level element that can contain paragraphs and other block-level and inline elements. The entire content of this element is centered horizontally within its containing element (typically, the <body>
).
Examples
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>
Description
The HTML Center Element (<center>
) is a block-level element that can contain paragraphs and other block-level and inline elements. The entire content of this element is centered horizontally within its containing element (typically, the <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
).
Notes
Applying text-align
:center
to a
<div>
or <p>
element centers the contents of those elements while leaving their overall dimensions unchanged.
See Also
This element implements the HTMLElement
interface.
Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement
interface for this element.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/center