Html <center> Tag

The term HTML refers to Hyper Text Markup Language. The most widely used markup language for making web pages is HTML. A structure of web page is described in HTML. There are numerous unique elements in HTML. One of the HTML elements is the center tag which is the crucial for moving any paragraph from its current position to the center. It differs from padding and margin.

What is HTML Center Tag?

In HTML, the <centre> tag is used to align text in the middle of a page. HTML5 does not support this tag.

This tag has been replaced in HTML 4 and XHTML 1 by the CSS text-align property, which can be used to align both entire div element and single p element. To center blocks, you can use the CSS margin-left and margin-right attributes with the auto setting.

Syntax

<center>Write here</center> 

Example-1

<!DOCTYPE html>  
<html>  
<head>  
    <title>Center tag</title>  
 </head>  
 <body>  
    <h2>Example of center tag</h2>  
    <center>The HTML element "center" is a block-level element that centers the con-tents of its contained element horizontally, whether they are block-level or inline. Typ-ically, but not always, the container is the body> tag.
</center>  
  </body>  
</html>  

Output:

The above example shows that the paragraph is shifted to center by center tag.

Example- 2

<!DOCTYPE html>  
<html>  
<head>  
    <title>Center tag</title>  
    <style >  
        h2{  
         text-align: center;}  
    </style>  
 </head>  
 <body>  
      <h2>Example of center tag</h2>  
      <p>In HTML 4 (and XHTML 1), this tag has been deprecated in favor of the CSS text-align property, which can be used to align the entire div element or a single p>. Use margin-left and margin-right CSS attributes with the auto setting to center blocks (or set margin to 0 auto).
</p>  
  </body>  
</html>  

Output :

In this example, we used CSS text-align property in h2 tag.

Some CSS Property

• CSS - Font Style:
  You can use this property to add some styling in your font like Times New Roman, Calibri etc.
• CSS Font Family:
  The CSS font-family property defines a prioritized list of one or more font family names and generic family names for the selected element.
• CSS- Font Style:
  The CSS font-size property controls the font size of any paragraph or text.
• CSS- Font Weight:
  The CSS font-weight property determines the font's boldness or thickness.
• CSS text-transform:
  The CSS text-transform property controls the case and capitalization of text.
  Text decoration is described by the CSS text-decoration property, which is also known as text-decoration-line, text-decoration-color, and text-decoration-style.
• CSS Color Property: The CSS colour property describes the text content and text decorations colors.
• CSS background-color Property: The background color of an element is set by the CSS background-color property.
• You can add the first line of a text block indentation by CSS text-indent property.
• CSS text-overflow: This CSS property shows overflowed content to the user.

• CSS white-space property: The word-break location is specified by the CSS property.
• Shadow is added to the text by the CSS text-shadow property.
• The CSS text-align-last: This property controls how the final line of text is aligned.
•  CSS line-height: This property describes a line's height.

• CSS letter-spacing property: The spaces between letters and characters in a text are determined by this CSS element.

• CSS word-spacing property: This property determines how far apart words should be.

Attributes

The global attributes are those attributes that apply to the <center> tag. The <center> tag doesn't have any particular attribute.

However, some claim that this tag also accepts event attributes.

Browser Compatibility

Chrome

Safari

Opera

Firefox

Conclusion

 Mainly the work of Centre tag is that it shifts the current position of the paragraph to the centre and attracts the user's attention. It differs from padding and margin. It is supported in many browsers like Chrome, Opera Safari etc. It is only supported by global attribute. This tag has been replaced in HTML 4 and XHTML 1 by the CSS text-align property, which can be used to align both entire div element and single p element.