2
respostas

sobre font-size

olá, a minha duvida é porque ao tentar mudar o tamanho de um paragrafo no css o alinhamento automaticamente não ocorre

 body{

    background:#CCCCCC
  }   

  p{
      font-size: 25px
      text-align: center;

     }

  em strong {

   color: #ff0000;

 }

se eu colocar dessa forma o alinhamento nao funciona mas ao retirar o font-size o alinhamento volta a funcionar os dois nao podem funcionar no css na forma como esta acima

segue o codigo como ficou ele nao aumenta o tamanho da fonte e alinha ao mesmo tempo


<!DOCTYPE html>

<html lang="pt br">

  <head>

    <meta charset="UTF - 8">    
    <title>Barbearia Alura</title>

    <link rel = "stylesheet" href = "style.css">



  </head>

  <body>
        <h1 style="text-align: center;  background:#CCCCCC ;">Sobre a Barbearia Alura</h1>

         <p >Localizada no coração da cidade a<strong> Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>


        <p><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>

  </body>

</html>
2 respostas

Olá Carlos.

O problema do seu código é que ficou faltando um ; depois do font-size: 25px

p {
      font-size: 25px;
      text-align: center;
}

Arrumando isso já funciona. Espero ter ajudado.

Oi Carlos, tudo bem?

Perceba que está faltando um ; após o font-size

  p{
      font-size: 25px
      text-align: center;
     }

Sempre que for adicionar mais uma propriedade, você precisa fechar a declaração anterior (e para isso usa-se o ;)

Altere o seu código para o exemplo abaixo, e veja se funciona

  p{
      font-size: 25px;
      text-align: center;
     }