Como centralizar texto em HTML

Autor: Laura McKinney
Data De Criação: 10 Abril 2021
Data De Atualização: 1 Julho 2024
Anonim
Alinhamento de textos com CSS - @Curso em Vídeo HTML5 e CSS3
Vídeo: Alinhamento de textos com CSS - @Curso em Vídeo HTML5 e CSS3

Contente

Este wikiHow ensina como centralizar o texto em um site HTML usando Cascading Style Sheets (CSS). A centralização do texto em HTML é feita com tags

, mas essa tag é considerada desatualizada e não funciona mais na maioria dos navegadores.

Passos

Método 1 de 2: por CSS

  1. Abra o arquivo que contém os estilos CSS. Embora o cartão
    desatualizado, mas você ainda pode criar novos elementos para adicionar em qualquer lugar da página para centralizar o texto dentro de seus limites. Se você não tiver um arquivo CSS separado, precisará definir o estilo na parte superior do arquivo HTML, entre as tags ".’.
    • Se nenhum cartão ainda Você precisa adicionar diretamente abaixo do cartão na parte superior do arquivo são os seguintes:

  2. Crie uma camada de centro de texto. Cartão
    pedirá ao documento HTML para referir-se à parte específica do texto, portanto, você precisará classificar essa tag. Por favor, insira o seguinte texto no espaço entre a tag "estilo", não se esqueça de pressionar ↵ Entre duas vezes após a primeira linha:

    • Adicionar propriedades alinhamento de texto. Importar alinhamento de texto: centro; no espaço entre as chaves na seção divã. O título atual será semelhante a este:

      • Adicione um cartão div o texto deve ser centralizado. Continue colocando o cartão
        texto acima do texto que você deseja centralizar e fechar com tags abaixo do texto que você deseja centralizar. Por exemplo, para centralizar um título e o parágrafo de abertura, você precisa digitar o seguinte:
        • Uso de cartões divã para centralizar outras regiões. Se você deseja centralizar outro elemento (por exemplo, conteúdo entre tags como e

          ), entrar
          na frente do texto e depois disso. Como você especificou "div.a" como o comando de centralização, este texto centralizará como o anterior:
          • Revisão de documento. O conteúdo pode variar, mas em geral seu documento agora deve ter a seguinte aparência:
              propaganda

            Método 2 de 2: use a tag central em HTML

            1. Abra o documento HTML. Este método descreve como usar tags HTML
              (agora desatualizado também). Em dezembro de 2018, este cartão ainda está ativo em alguns navegadores da web, mas a longo prazo, você ainda não deve usar este cartão.
            2. Identifique o texto que você deseja centralizar. Role para baixo até encontrar o título, parágrafo ou outro texto que deseja centralizar.
            3. Adicione uma tag "center" ao final do seu texto. Esta etiqueta central tem um formato
              texto
              , onde "texto" é o texto a ser centralizado. Se o texto já tiver uma tag interna (por exemplo, "" para o parágrafo), a tag "center" pode estar fora de qualquer tag pré-existente:
              • Revise o documento HTML. O documento agora deve ter a seguinte aparência:
                  propaganda