`
`
hoje, com a Alura e o Google Gemini
Oi, Rogers, tudo bem?
Você poderia compartilhar o seu arquivo CSS? Com ele ficará mais fácil entender o porquê de não estar centralizando o conteúdo.
Oi! Tudo bem!
p {
text-align:center
}Oi, Rogers, você chamou o seu arquivo .css no arquivo index.html? Dessa forma:
<head>
<meta charset="UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="style.css">
</head>
Assim, o arquivo .css será lido pelo seu arquivo index.html e fará as modificações de centralização.
Verifica e me fala :}
Estar usando outro editor de código (VS Code) pode atrapalhar em algo? Pois o link não está funcionando no meu.
Oi, Patrick, não é para afetar nada o fato de estar usando outro editor. O seu css não está funcionando também?
o que tem de errado? não consigo centralizar com o css
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<title> Sobre a Barbearia Alura</title>
<h1 style =" text-align: center">Sobre a Barbearia Alura</h1>
<p style =" text-align: center">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>Nossa missão é:<strong> "Proporcionar auto-estima e qualidade de vida aos clientes"</strong></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>p{text-align: center
}
Boa tarde Rogers!
Vamos por partes, existem algumas formas de atribuir formatação utilizando CSS em um documento HTML, a primeira forma, mais simples, qual o professor ensina, é a "inline", onde o comando de formatação CSS vai dentro da tag no próprio arquivo HTML, dentro do seu código temos alguns exemplos:
<h1 style =" text-align: center">Sobre a Barbearia Alura</h1>
<p style =" text-align: center">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>.Nestas linhas, você chama o comando CSS para centralizar, dentro da tag HTML, abrindo o seu código aqui no navegador, vi que estas linhas especificamente estão funcionando corretamente, certo, no caso elas estão centralizadas na página, como você pode ver neste print (Clique aqui) .
Portanto acredito que o problema esteja em chamar o comando CSS, de um segundo arquivo, para isso precisamos de algumas coisas:
1º o arquivo ".css" precisa estar na mesma pasta do arquivo ".html" (Ver aqui)
2º chamar este arquivo dentro do arquivo html, pelo seu código, você já fez este passo (ver sua parte do código abaixo), porém é bom ressaltar que o arquivo precisa ter o nome e a extensão exata, no seu caso style.css
<link rel="stylesheet" href="style.css">3º dentro do seu arquivo style.css, precisa ter o código que chama a tag html desejada, e atribui uma formatação css para ela, conforme código abaixo:
p {
text-align: center
}neste exemplo, você "diz" que em toda parte em que você utilizar a tag <p> em seu código html, ele vai atribuir a formatação para centralizar o texto.
Confere se você está segundo todos esses passos, se o nome e extensão do arquivo css está correto, e se os arquivos css e html estão na mesma página, e tenta novamente.
Se não der certo nos avise aqui !
Bom dia! Obrigado Thomas! Agora consegui, eu estava criando o arquivo css fora da pasta do arquivo index....rs Agora deu certo! E para centralizar o titulo com a tag
eu usei o código a baixo. valeu pela explanação!body{
text-align: center
}
p{
text-align: center }
`