Eu queria que alguém conseguisse me dar uma ajuda, e me explicar melhor sobre "inline e block", o professor explicou, mas ainda não consegui entender direito
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Eu queria que alguém conseguisse me dar uma ajuda, e me explicar melhor sobre "inline e block", o professor explicou, mas ainda não consegui entender direito
Salve Victor, beleza?
Então, o "block" ele compõe todo o tamanho de uma linha se você por uma
<img> e o id dela com display block e tentar por um <h1>(sem css) no HTML ele vai aparecer na linha debaixo. Por exemplo, o bloco vai do extremo do seu navegador ( < ponta esquerda até a direita >) e passa para a próxima linha. Obs: Existem elementos que já são denominados como bloco como por exemplo
<h1><p>entre outros, mas o tamanho deles podem ser ajustados.
O inline é só até o tamanho do seu elemento inserido, como por exemplo se você inserir um
<h1> e o id com display inline, ele não vai pegar todo o seu bloco ou seja( os extremos do seu navegador) ela só vai até aonde foi inserido o tamanho do seu texto, e se por uma nova <img> (sem css) vai ficar ao lado e não embaixo como no caso do bloco, mesma observação existem elementos que já são inline como <span><a><img>.
Uma dica muita boa pra ir pegando essas partes de front é apertar o F12 ou clicar com o botão direito e dar inspecionar em cima do elemento e ir passando o mouse em cima, você vai ver que vai sendo marcado e vai ir começando a entender sobre as mudanças nos elementos.
Elementos do tipo block-level: div h1, h2, h3 p table ul, ol fildset form hr
Elementos in-line: span img a td label input select textarea
Espero ter ajudado em algo, abraços.