HTML center Tag

HTML center: Main Tips

• The HTML <center> element was used to align text to the center of the page.
• It was a block-level element.
• <center> was deprecated in HTML4. Now, it's recommended to align HTML content using CSS.

How center Was Used

The <center> element used to center text in HTML:

<center>Everything here will be displayed in the center of the document.</center>

However, <center> was deprecated in HTML4. While the browser support for it might not be dropped completely yet, it's only a matter of time, so you better avoid using it. The newest versions of HTML encourage leaving the styling to CSS.

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid certificates of completion

EXCLUSIVE: 75% OFF

Pros

• Easy to navigate
• No technical issues
• Seems to care about its users

Main Features

• Huge variety of courses
• 30-day refund policy
• Free certificates of completion

AS LOW AS 12.99$

Pros

• Great user experience
• Offers quality content
• Very transparent with their pricing

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

75% DISCOUNT

CSS Alternatives for center

To align HTML text to center, you can apply the text-align property with the value of center:

<div style="text-align:center">This text is centered for your convenience!
<p> I am also centered with CSS!<p></div>

Note: if you apply the text-align property to <div> or <p> elements, it will affect their contents and not the elements themselves.

You can also move our elements closer to the center by adding margins to the left or the right to it:

p {
   display: block;
   margin-left: 5px;
}

Browser support

Chrome

All

Edge

All

Firefox

All

IE

All

Opera

All

Safari

All

Mobile browser support

Chrome

All

Firefox

All

Opera

All

Safari

All