Solucionado
Ao acompanhar as aulas me surgiu uma dúvida sobre o display inline, no curso anterior o professor comentou sobre não poder utilizar espaçamentos nesse recurso, contudo nesse curso ele está utilizando. O que me deixou um pouco em dúvida sobre o que ele quis dizer no curso anterior, imagino que eu tenha entendido de forma errada. Se puderem me ajudar sobre essa resolução, agradeço!
Olá, Marlon.
Tudo bem?
O display: block; ocupa a largura total da página ou da tag pai, independente se for um texto curto em uma tag <h1> por exemplo, ele ocupa o resto com um espaçamento invisível que é possível ver se colocar uma cor de fundo, então não é possível colocar algo ao lado dele por exemplo uma imagem.
Já o display:inline; o elemento ocupa o tamanho dele mesmo dependo do conteúdo se for um texto ele ocupa o tamanho do texto. O display:inline; pode colocar margem á esquerde e á direita e padding também.
Veja o exemplo colocando as tags <h1> direto no <body>:
<h1 class="nome-um">Renan Lima</h1> //Display block
<h1 class="nome-dois">Marlon Maverick</h1> //Display inline.nome-um{
display: block;
background-color: rgb(202, 143, 236);
margin-bottom: 10px;
}
.nome-dois{
display: inline;
background-color: rgb(202, 143, 236);
padding: 10px 0 0 0;
}
Espero ter ajudado.
Qualquer dúvida manda aqui! Valeu!
Obrigado, acredito que entendi melhor agora!