Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML <center> Tag

  • Difficulty Level : Basic
  • Last Updated : 14 Dec, 2021

The <center> tag in HTML is used to set the alignment of text into the center. This tag is not supported in HTML5. CSS’s property is used to set the alignment of the element instead of the center tag in HTML5.

Syntax:

<center> Contents... </center>

Attributes: This tag dos not accept any attribute.

Example 1: In this example, we simply used the Hi Geeks content in the HTML center tag.

HTML




<!DOCTYPE html>
<html>
  
<body>
    <h2>Welcome to GeeksforGeeks</h2>
    <!--center tag is used here-->
    <center>Hi Geeks</center>
  
</body>
  
</html>

Output:

HTML <center> tag

Example 2: This example illustrates the HTML center tag. 

HTML




<!DOCTYPE html>
<html>
  <body>
    <!--center tag starts here -->
    <center>
      <h1>GeeksforGeeks</h1>
      <h2><center> tag</h2>
      <p>GeeksforGeeks: A computer science portal for geeks</p>
      <!--center tag ends here -->
    </center>
  </body>
</html>

Output:

HTML <center> tag

Example 3: Use CSS property in HTML5 to set the text alignment into the center. 

HTML




<!DOCTYPE html>
<html>
  <body>
    <h1>GeeksforGeeks</h1>
    <!--center using CSS style  -->
    <h2 style="text-align: center">
      CSS center property
    </h2>
  </body>
</html>

Output:

HTML <center> tag

Supported Browsers:

  • Google Chrome
  • Microsoft Edge 12 and above
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!