Gente, não consigo pegar a ideia desse display block;. Se alguém puder colocar um código que eu visualize de forma mais descomplicada, adoraria em ver. Obrigado galerinha! =)
Gente, não consigo pegar a ideia desse display block;. Se alguém puder colocar um código que eu visualize de forma mais descomplicada, adoraria em ver. Obrigado galerinha! =)
Olá, Gabriel, como vai?
O conceito de display: block é bem simples: ele faz com que um elemento ocupe toda a largura disponível em seu contêiner. Isso significa que, por padrão, o próximo elemento será posicionado abaixo dele, como se fosse um "bloco" em uma nova linha.
Elementos como <div>, <p> e <h1> já têm esse comportamento nativo de "bloco", enquanto elementos como <span> e <a> são inline por padrão, ou seja, eles ficam na mesma linha dos outros elementos.
Eu fiz um gif mostrando alguns exemplos do comportamento:
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)