HTML:Element:center

From MDC

Contents 1 HTML Center Element 1.1 Example 1 1.1.1 Result 1.2 Example 2 (CSS alternative) 1.2.1 Result 1.3 Example 3 (CSS alternative) 1.3.1 Result 1.4 Note

[edit] HTML Center Element

<center>...</center> - The HTML Center Element 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 HTML Division Marker Element or to an individual HTML Paragraph Element.

[edit] Example 1

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

[edit] Result

This text will be centered.

So will this paragraph.

[edit] Example 2 (CSS alternative)

   <div style="text-align:center">This text will be centered.
   <p>So will this paragraph.</p></div>

[edit] Result

[edit] Example 3 (CSS alternative)

   <p style="text-align:center">This line will be centered.<br />
   And so will this line.</p>

[edit] Result

This line will be centered.
And so will this line.

[edit] Note

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

HTML Elements

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

(Quick Links: HTML Element Cross Reference, HTML Category)