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

[Dúvida] d-block na imagem

Bom dia! Poderiam me esclarecer porque colocar o display block zera a margem da imagem, por gentileza? Obrigada :)

3 respostas
solução!

Olá Thaís, tudo bem?

Quando utilizamos a propriedade "display: block" em uma imagem, estamos fazendo com que ela se torne um elemento de bloco, ou seja, ela ocupa toda a largura disponível do seu contêiner.

Com isso, a margem padrão da imagem é removida, pois ela não está mais sendo tratada como um elemento inline.

Caso você queira adicionar margens na imagem, é possível utilizar a propriedade "margin" para isso.

Espero ter ajudado, quaquer dúvida manda aqui de novo.

Bons estudos!

Ah, sim, entendi! Muito obrigada, Renan! Ajudou demais!

Que bom que consegui esclarecer. Fico muito feliz em ajudar :)

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