Skip to content
Related Articles

Related Articles

HTML <center> Tag

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 14 Sep, 2022
Improve Article
Save Article

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 does 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>html center tag</h2>
       
<p>GeeksforGeeks: A computer science portal for geeks</p>
 
      <!--center tag ends here -->
    </center>
  </body>
</html>

Output:

 

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
Related Articles

Start Your Coding Journey Now!