Como centralizar texto em html (com fotos)

ThiSeaches você como centrar o texto em um site HTML usando folhas de estilo em cascata (CSS). Centrando em HTML usado para ser feito com a tag, mas essa tag é agora considerada obsoleta e não funciona mais na maioria dos navegadores.

Passos

Método 1 de 2:

Usando css

1. Abra o arquivo que contém seus estilos CSS. Embora a tag esteja obsoleta, você pode criar um novo elemento para adicionar a qualquer parte de uma página para centralizar texto dentro de seus limites. Se você não tiver um arquivo separado para o seu CSS, encontrará os estilos na parte superior do arquivo HTML entre o"" Tag.

Se você ainda não tiver e tags, adicione-os diretamente abaixo no topo do arquivo como este:

2. Crie uma classe que centra o texto. O

tag informará seu documento HTML para referenciar uma seção especificada de texto, para que você crie uma classe para essa tag. Digite o seguinte no espaço entre o "estilo" Tags, certificando-se de pressionar ↵ Digite duas vezes após a primeira linha:

divã.uma {}

3. Adicione o alinhamento de texto propriedade. Modelo Alinhamento de texto: centro- no espaço entre os dois colchetes encaracolados no divã.uma seção. O cabeçalho deve agora se parecer com isso:

4. Adicione o apropriado divã tag para texto que deve ser centrado. Você fará isso colocando o

tag acima do texto que você deseja centrar e fechar com um

tag abaixo do texto que você deseja centrar. Por exemplo, para centralizar um cabeçalho e seu texto de parágrafo, você digitaria o seguinte:

5. Use o divã.uma Tag para centrar outras áreas. Para centrar outro elemento (e.G., conteúdo entre tags como e), digite

antes do item, e

depois disso. Desde que você já tem "divã.uma" especificado como o comando de centralização, isso irá centrar o texto como antes:

6. Revise seu documento. Embora o conteúdo varie, seu documento deve parecer algo assim:

Método 2 de 2:

Usando a tag central em HTML

1. Abra seu documento HTML. Este método descreve como usar a tag HTML, que agora é obsoleta. Em dezembro de 2018, essa tag ainda pode funcionar em alguns navegadores, no entanto, não é aconselhável confiar nesta tag a longo prazo.

2. Encontre o texto que você deseja centrar. Role para baixo até encontrar o cabeçalho, parágrafo ou outro texto que você deseja centrar.

3. Adicione o "Centro" tag para cada lado do texto. A tag central está no formato texto Onde "texto" é seu texto. Se o seu texto tiver tags nele (e.G., "" para o texto do parágrafo), o "Centro" Tags podem ir fora das tags existentes:

4. Revise seu documento HTML. Seu documento deve parecer algo assim:

Compartilhe na rede social:

Como centralizar o texto em html

Passos