Contents
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.
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
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: