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