Open In App

HTML <center> Tag

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

HTML <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>

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: In this example, the HTML code employs the <center> tag to center-align content within the web page.

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: In this example, CSS styling is used to center-align content. 

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


Last Updated : 05 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads