CSS A tag "text-align: justify;" não está funcionando

Swro · 23 de maio de 2019

Olá, estou aprendendo a programar web e estou com um problema, eu estou tentando justificar esse texto mas não estou conseguindo, por algum motivo o código pra justificar não está funcionando, eu já utilizei a tag "style" outra vez e deu certo, mas não deu certo dessa vez pra justificar.

Outro problema também é o excesso de "</br>" tem como eu fazer quebra de linha sem esse excesso?

ArThDsL · 23 de maio de 2019

Boa tarde amigo,

quando você usa justify não é necessário usar o <br>, basta definir a largura com width que o justify ajusta automaticamente a quebra de linhas. Só é necessário o uso do BR para início de um novo parágrafo!

Uma dica: use % quando for definir a largura com o width, pois ele se ajusta a página automaticamente conforme o tamanho da janela!

Grande Abraço!

Swro · 23 de maio de 2019

@ArThDsL valeu mano... vou ver se dá certo, caso não dê eu volto kkkk

Swro · 24 de maio de 2019

@ArThDsL Pô amigo, não deu certo... eu ja tentei de todo jeito, não ta dando, alias, eu fiz exatamente como o vídeo do curso que eu to fazendo...

ArThDsL · 25 de maio de 2019

Bom dia amigo,

desculpe a demora pra postar, estava sem acesso a um pc kkkk.

Reparei ali em cima que você está instanciando o elemento de parágrafo dentro do <head> </head>, você precisa jogar ele dentro do <body> </body>, no caso ficaria assim:

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="UTF-8">
    <title>Tudo sobre Google Class</title>
    <style>
      p{
      text-align: justify;
      width: 40%;
      }
    </style>
  </head>
  <body>
    <h2>O que é</h2>
    <p>TEXTO A SER JUSTIFICADO</p>
  </body>
</html>