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

Meu texto não fica centralizado igual o do professor.

Meu css no pastebin: https://pastebin.com/2cAmrAwy

Meu html da aula: https://pastebin.com/LqrAgNPB

Como ele fica quando aberto no navegador: https://imgur.com/a/G8Zqj5Z

Css da aula: https://pastebin.com/LdtKbvZp

Html do professor: https://pastebin.com/sWcWU8bm

Html do professor quando aberto no navegador: https://imgur.com/a/vU9DXbP

Não sei dizer o que está errado. Alguém poderia dizer-me? Ou simplesmente não era pra estar centralizado ainda?

7 respostas

Eai, supimpa?

Cara, faz muito tempo que terminei esse curso. Eu diria que só continuasse seguindo o curso que em algum momento isso se resolveria. Mas se vc quiser resolver, logo embaixo do título principal tem uma <div>, então vc atribui uma class chamada "container".Lá no Css vc faz:

.container  {
    margin: auto;
}

Creio que possa dar certo, ai vc me diz .

Mas já tem a tag margin :/

Obs.: tb tentei com a classe "container", mesmo sabendo que não iria mudar nada :p

main div{
    width: 720px;
    padding: 30px 0;
    margin: auto;
}

se você colocar main div no css ele só ira aplicar a formatação a div da tag main, acredito que quer aplicar a centralização a toda pagina onde contenha a tag div certo?

tente isso:

div{
    width:720px;
    margin-left:auto;
                         /* margin-left: auto e margin-right: auto, servem para centralizar o conteudo a qual estão sendo aplicados */
    margin-right:auto;
}

Mesma coisa:

https://imgur.com/a/tk2UPtc

Não to achando nada, já tentei de tudo, e sem essa formatação não dá pra continuar :/ fui tentar fazer a aula de floats, só que fica tudo errado ://

Tentei em outros navegadores também. Mesmo resultado.

Troquei o link "site.css" para o do professor, e mesmo assim continua dando errado. Alguma ideia do que poderia ser?

solução!

Oi Kartelon,

Achei o problema!

Repare que na linha 15 você tentou deixar um comentário, mas a sintaxe correta seria assim:

<!-- Comentário -->

Coloquei todo seu código nesse Jsbin aqui (recomendo mais que o PasteBin) e funcionou.

Espero ter ajudado e bom feriado,

Abcs!

Obrigado!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software