# 
## Overview

Traditionally in #key# HTML: Hypertext Markup Language #key#, we use the `<center>` tag to align text in a centered horizontal manner. This `<center>` element is no longer supported in HTML5, as it got deprecated in HTML4. 

Now the #key# CSS: Cascading Style Sheets #key# `text-align` property provides multiple features to align text or blocks of text such as:

* `margin-right`
* `margin-left`
* `auto`

We can apply these attributes individually on blocks like `<div>`, `<p>`, etc.

# 
## Syntax

---
``` css
<center> content will be here.... </center>
```
---

# 
## CSS property `text-align`

For the latest browsers, we can use CSS to align text in different ways such as: `center`, `right`, and `left`. 

We can use CSS in different ways, as shown below.

* `style` attribute on `<p>`

---
``` css
<p style = "text-align: center"> 
  This line will be centered.<br> am I centered aligned?
</p>
```
---

* `style` attribute on `<div>`

---
``` css
<div style = "text-align: center"> This text will be centered.
   <p> hello, I am centered aligned. </p>
</div>
```
---

# 
## Code

This code snippet shows how to use the `<center>` element in your HTML code. This prints the `<p>` (paragraph) tag as centered text using CSS to increase the `font-size` and its `color`.

<html>
 <head>
 </head>
 <body>
   <center> Hurray! This text will be centered.
      <p>Learn in-demand tech skills in half the time</p>
    </center>
 </body>
</html>

 
 
 P {
     color: blue;
    font-size: 25px;
   }


codemirror

# 
## CSS property `text-align`

For the latest browsers, we can use CSS to align text in different ways such as: `center`, `right`, and `left`. 

We can use CSS in different ways, as shown below.

* `style` attribute on `<p>`

---
``` css
<p> 
  This line will be centered.<br> am I centered aligned?
</p>
```
---

* `style` attribute on `<div>`

---
``` css
<div> This text will be centered.
   <p> hello, I am centered aligned. </p>
</div>
```
---

What is the HTML <center> tag?

The `<center>` tag is deprecated in HTML5. Use CSS `text-align` property for centering text instead.

What is the HTML <center> tag?

Overview

Syntax

CSS property text-align

Code

CSS property `text-align`