A tag <center>, usada para cen­tra­li­zar textos em HTML, foi des­con­ti­nu­ada no HTML5. Desde então, para cen­tra­li­zar 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 or­ga­ni­zado e evita erros.

Cen­tra­li­zar texto em HTML: Como fazer?

Para a cen­tra­li­za­ção de textos em HTML, ou seja, para colocar textos no centro de um documento HTML, utiliza-se hoje o comando CSS text-align. Com essa instrução, o texto em questão é formatado ho­ri­zon­tal­mente. Durante muito tempo, utilizava-se a tag HTML <center>, que está agora de­sa­tu­a­li­zada — o método não é mais suportado desde o HTML5.

Web hosting
Get your site online fast without breaking the bank
  • Fast page loads while cutting costs by 60%
  • Keep your site open 24/7 with 99.99% uptime
  • Never run out of space with unlimited storage

Cen­tra­li­zar em HTML com text-align em CSS

Desde o HTML5, a instrução para cen­tra­li­zar um texto em HTML é definida dentro da tag style HTML. Vamos ilustrar esse processo com um exemplo simples. No código abaixo, cen­tra­li­za­mos a headline, o texto e um HTML-div dentro do nosso documento HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>
</head>
<body>
<h1>Este é o seu título</h1>
<p>Este é o conteúdo da sua página.</p>
<div>Este é um div.</div>
</body>
</html>
html

Com isso, o layout do documento já é definido com an­te­ce­dên­cia, ga­ran­tindo um código mais or­ga­ni­zado e evitando erros.

Construa sua marca com um ótimo domínio
Registre um nome de domínio
  • SSL Wildcard grátis para mais segurança
  • Domain Connect grátis para con­fi­gu­rar DNS fácil

Tag HTML <center>: Des­con­ti­nu­ada

Nas versões mais antigas da linguagem de pro­gra­ma­ção web, utilizava-se a tag HTML <center>, que mostramos aqui apenas para fins de com­ple­tude. Como ela está de­sa­tu­a­li­zada e não é mais suportada, você deve obri­ga­to­ri­a­mente usar a solução em CSS. A sintaxe do <center> para cen­tra­li­zar textos era a seguinte:

<center><p>Text</p></center>
html

No exemplo abaixo, você pode ver na prática como a tag HTML <center> era utilizada. Ao contrário da solução moderna, era ne­ces­sá­rio alterar o código di­re­ta­mente no < body> para cen­tra­li­zar o texto. De­pen­dendo da extensão e estrutura, isso resultava em um código de­sor­ga­ni­zado e muito mais propenso a apre­sen­tar erros:

<!DOCTYPE html>
<html>
<body>
<p>Texto que não foi centralizado.</p>
<center><p>Texto que foi centralizado.</p></center>
</body>
</html>
html

O resultado se parece com o seguinte:

Imagem: Exemplo de texto centralizado em HTML
No exemplo, você pode ver que o texto é colocado no centro graças à tag de cen­tra­li­za­ção.
Dica

Tudo o que você precisa saber sobre a linguagem de markup HTML o nosso Digital Guide tem. Ex­pli­ca­mos, por exemplo, como dar os primeiros passos em HTML. Se você tiver dúvidas sobre como integrar CSS ao HTML, nosso tutorial completo, com di­fe­ren­tes exemplos práticos, pode lhe ajudar.

Ir para o menu principal