Summary
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 {{HTMLElement("body")}}). This tag has been deprecated in HTML 4 (and XHTML 1) in favor of the CSS {{Cssxref("text-align")}} property, which can be applied to the {{HTMLElement("div")}} element or to an individual {{HTMLElement("p")}}.
DOM Interface
This element implements the {{domxref("HTMLElement")}} interface.
Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the {{domxref("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 {{Cssxref("text-align")}}:center
to a
{{HTMLElement("div")}} or {{HTMLElement("p")}} element centers the contents of those elements while leaving their overall dimensions unchanged.
See also
- {{Cssxref("text-align")}}
- {{Cssxref("display")}}