Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

O texto não está no centro

Depois de dividir e passar o CSS para outro arquivo o meu texto não quer mais centralizar. Não sei pq

index.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta chartset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="style-sheet" href="style.css">

        <style>

        </style>
    </head>

    <body>
        <h1 style="text-align: center">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 style="font-size: 20px"><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>

style.css

p {
    text-align: center
}
2 respostas
solução!

Descobri o erro! Escrevi style-sheet e não stylesheet

Opa Santiago, beleza meu brother?

Então neste caso, vc precisa trocar o atributo rel para stylesheet. Fica dessa forma:

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

Outra coisa. Pode remover a tag style do head também.

Espero ter ajudado! Um abraço e bons estudos!! :-)