HTML center Tag

by Online Tutorials Library July 14, 2022

HTML <center> tag (Not Supported in HTML5)

The HTML <center> is a block level element which contains both block level and inline contents within it. The content written between the <center> elements will be displayed at the middle of the page.

The <center> tag has been deprecated in HTML 4 and obsolete in HTML5.

NOTE: The <center> tag is deprecated now so instead of that you can use CSS property text-align: center; to achieve the same result.

Syntax

Following are some specifications about the <center> tag

Display	Inline
Start tag/End tag	Both start and End tag
Usage	textual

Example

Using <center> tag

  <!DOCTYPE html>  <html>  <head>  <title>Center tag</title>   </head>   <body>  <h2>Example of center tag</h2>      <center>This content is displayed in the middle of page, but try to use CSS property to align the content as this tag is deprecated now.</center>    </body>  </html>  

Test it Now

Using CSS

  <!DOCTYPE html>  <html>  <head>  <title>Center tag</title>  <style >  h2{   text-align: center;}  </style>   </head>   <body>        <h2>Example of center tag</h2>        <p>This content is align centered using CSS property</p>    </body>  </html>  

Test it Now

Output:

HTML center tag