# Como centralizar texto HTML com CSS A tag `
`, usada para centralizar textos em HTML, foi descontinuada no HTML5. Desde então, para centralizar textos em HTML, utiliza-se o CSS. Com o parâmetro `text-align`, você define o layout do documento dentro da tag `style`, o que deixa o código mais organizado e evita erros. ## Centralizar texto em HTML: Como fazer? Para a centralização de textos em HTML, ou seja, para colocar textos no centro de um documento HTML, utiliza-se hoje o [comando CSS](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/design-de-sites/comandos-css/) `text-align`. Com essa instrução, o texto em questão é formatado horizontalmente. Durante muito tempo, utilizava-se a tag HTML `
`, que está agora desatualizada — o método **não é mais suportado** desde o HTML5. ## Centralizar em HTML com `text-align` em CSS Desde o HTML5, a instrução para centralizar um texto em HTML é definida dentro da tag style HTML. Vamos ilustrar esse processo com um exemplo simples. No código abaixo, centralizamos a headline, o texto e um HTML-div dentro do nosso documento HTML: ```html

Este é o seu título

Este é o conteúdo da sua página.

Este é um div.
``` Com isso, o layout do documento já é definido com antecedência, garantindo um código mais organizado e evitando erros. ## Tag HTML `
`: Descontinuada Nas versões mais antigas da linguagem de programação web, utilizava-se a tag HTML `
`, que mostramos aqui apenas para fins de completude. Como ela está desatualizada e não é mais suportada, você deve **obrigatoriamente usar a solução em CSS**. A sintaxe do `
` para centralizar textos era a seguinte: ```html

Text

``` No exemplo abaixo, você pode ver na prática como a tag HTML `
` era utilizada. Ao contrário da solução moderna, era necessário alterar o código diretamente no [`< body>`](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/html-body/) para centralizar o texto. Dependendo da extensão e estrutura, isso resultava em um código desorganizado e muito mais propenso a apresentar erros: ```html

Texto que não foi centralizado.

Texto que foi centralizado.

``` O resultado se parece com o seguinte: [![Imagem: Exemplo de texto centralizado em HTML](https://www.ionos.com/pt-br/digitalguide/fileadmin/_processed_/4/6/csm_exemplo-centralizar-texto-html_172297efa5.webp "Exemplo de texto centralizado em HTML")](https://www.ionos.com/pt-br/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/exemplo-centralizar-texto-html.png) No exemplo, você pode ver que o texto é colocado no centro graças à tag de centralização. Dica Tudo o que você precisa saber sobre a linguagem de markup HTML o nosso Digital Guide tem. Explicamos, por exemplo, como dar os primeiros passos em HTML. Se você tiver dúvidas sobre [como integrar CSS ao HTML](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/design-de-sites/como-incluir-css-no-html/), nosso tutorial completo, com diferentes exemplos práticos, pode lhe ajudar. This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/centralizar-texto-html/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/centralizar-texto-html/) for AI/LLM consumption.