Contente

• Dar um passo
• Método 1 de 2: usando CSS
• Método 2 de 2: usando a tag "center" em HTML

Este wikiHow ensina como centralizar texto em um site HTML. Para isso, usamos CSS (Cascading Style Sheets ou style sheets). Costumávamos centralizar em HTML usando o centro>tag, mas isso não funciona mais na maioria dos navegadores.

Dar um passo

Método 1 de 2: usando CSS

1. Abra o arquivo de texto no qual você descreve seus estilos. Agora o centro>tag não for mais usada, crie um novo elemento neste arquivo que irá centralizar o texto em certas áreas do seu documento HTML. Se você não tiver um arquivo CSS separado, os códigos estarão no topo do documento HTML entre as tags "style>" e "/ style>".
   • Enquanto o estilo>- e / style>as tags ainda não estão lá, você pode colocá-las diretamente sob o corpo>tag da seguinte maneira:

   ! DOCTYPE html> html> body> style> / style>

2. Crie uma classe que centralize o texto. O div>tag informa ao seu documento HTML a qual seção específica esta classe pertence. Digite o seguinte entre as tags de "estilo", certificando-se de clicar duas vezes ↵ Entre após a primeira linha:

   div.a {}

3. Adicione o alinhamento de textopropriedade. Modelo alinhamento de texto: centro; entre as chaves no divã-seção. O "cabeçalho" agora se parece com isto:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / estilo>

4. Adicione o correto divtag ao texto que você deseja centralizar. Você faz isso através do div>tag acima deste texto e fechando-o com um / div>tag abaixo deste texto. Por exemplo, se você quiser centralizar um título e o parágrafo abaixo dele, terá a seguinte aparência:

   div> h1> Bem-vindo ao meu site / h1> p> Este site é principalmente para fornecer informações sobre as coisas./p> / div>

5. Use o divãtag para centralizar outros elementos. Quando você deseja centralizar outro elemento, como conteúdo entre as tags p> / p> e h2> / h2>), você digita div> para este elemento e / div> após. Como você já definiu "div.a" como o código CSS de centralização, esses elementos agora também estão centralizados.

   estilo> div.a {alinhamento do texto: centro; } / style> div> h2> Doações são bem-vindas / h2> p> / p> / div>

6. Verifique seu documento. Embora o texto em sua página da web seja diferente, deve ser parecido com este:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Bem-vindo ao meu site / h1> p> Este site é principalmente para fornecer informações sobre coisas. / p> / div> div> h2> Doações são bem-vindas / h2> p> por favor / p> / div> / body> / html>

Método 2 de 2: usando a tag "center" em HTML

1. Abra seu documento HTML. Este método descreve como obter o obsoleto centro>marcação. Esse método ainda pode funcionar em vários navegadores, mas é melhor não depender muito dele.
2. Encontre o texto que você deseja centralizar. Role para baixo no documento até encontrar o título, parágrafo ou outro texto que deseja centralizar.
3. Coloque a marca "center" em cada lado do texto. O código é parecido com este centro> texto / centro>. Aqui, "texto" é o texto a ser centralizado. Se houver outras marcas neste texto, como "p> / p>" antes de um parágrafo, coloque as marcas "centrais" fora das marcas existentes.

   center> h1> Bem-vindo ao meu site / h1> / center> center> Sinta-se confortável! / center>

4. Verifique seu documento HTML. Deve ser parecido com isto:

   ! DOCTYPE html> html> body> h1> center> Bem-vindo ao meu site / center> / h1> center> Facilite para você! / Center> p1> Este site é principalmente para fornecer informações sobre as coisas./p1> / body > / html>