Como Centralizar um Texto Usando Text Align do CSS

Existem várias possibilidades ao usar CSS para estilizar os componentes HTML, há uma propriedade que pode ser usada para centralizar um texto, essa propriedade é a text-align.

Da mesma forma que as outras propriedades CSS, para usar essa propriedade, você vai precisar de um seletor, que pode ser uma tag, id ou classe, inserir a propriedade text-align e colocar como valor da propriedade o valor center.

Quando você for recarregar a página, você vai notar que o texto que você escolheu estar posicionado ao centro, exemplo.

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Text Align</title>     <style>         div {             width: 400px;             text-align: center;             border:1px solid red;         }     </style> </head> <body>     <div>Texto centralizado</div> </body> </html>