Firefox Tomorrow

html element

`<center>` HTML centered text element

View on MDN ↗

The <center> HTML element 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).

DOM interface

This element implements the HTMLElement interface.

Example 1

<center>
  This text will be centered.
  <p>So will this paragraph.</p>
</center>

Result

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Example 2 (CSS alternative)

<div class="center">
  This text will be centered.
  <p>So will this paragraph.</p>
</div>

.center {
  text-align: center;
}

Result

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Example 3 (CSS alternative)

<p class="center">
  This line will be centered.<br />
  And so will this line.
</p>

.center {
  text-align: center;
}

Result

Interactive exampleOpen the canonical MDN source to run this embedded demo.

[!NOTE] Applying text-align: center to a <div> or <p> element centers the contents of those elements while leaving their overall dimensions unchanged.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also