Como posso centralizar o texto (horizontal e verticalmente) dentro de um div

Saída

Etapa 2: acessar o contêiner div para centralizar o texto

Agora, acesse o contêiner div com a ajuda do “ eu ia ” nome do atributo com seletor “ # ” e aplique as seguintes propriedades CSS:

Aqui:

• • “ largura ” é utilizada para definir o tamanho da largura do contêiner.
  • “ margem ” especifica um espaço em branco fora do contêiner.
  • “ preenchimento ” define um espaço dentro do limite do elemento.
  • “ fundo ” define a cor de fundo na parte de trás do elemento.
  • “ alinhamento de texto ” propriedade é utilizada para definir o alinhamento do texto como “ Centro ”.
  • “ cor ” especifica uma cor para o texto dentro do limite.

Pode-se observar que centralizamos com sucesso o texto alinhado horizontalmente dentro do div criado:

Como centralizar o texto verticalmente dentro de um div?

Para centralizar o texto verticalmente dentro de um contêiner div, siga as instruções fornecidas.

Passo 1: Acesse o Contêiner div

Primeiro de tudo, acesse o contêiner div criado.

Etapa 2: aplicar propriedades CSS para centralizar o texto verticalmente

Em seguida, aplique as propriedades CSS listadas abaixo para centralizar o texto verticalmente em um div:

De acordo com o trecho de código acima:

• • Colocou o ' mostrar ” que especifica o comportamento de exibição do elemento como “ tabela-célula ”, o que significa que age como a célula da tabela no elemento div.
  • “ largura ” especifica o tamanho da largura do elemento.
  • “ altura ” define a altura do elemento.
  • “ preenchimento ” define um espaço em branco dentro do elemento.
  • “ cor ” é utilizado para definir a cor do texto dentro do elemento.
  • “ cor de fundo ” especifica a cor do verso do elemento.
  • “ fronteira ” propriedade define um limite em um elemento.
  • “ alinhamento vertical ” propriedade é utilizada para definir o alinhamento vertical de um elemento definido no “ meio ”.

Saída

Você aprendeu sobre o procedimento completo para centralizar o texto dentro do contêiner em ambos os sentidos, vertical e horizontalmente.

Conclusão

Para centralizar o texto vertical e horizontalmente dentro de um div, primeiro crie um contêiner div com a ajuda do elemento