Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Display block

Bom dia, primeiramente bom domingo :)

Pessoal, estou com uma dúvida a respeito do display block, eu vi que o inline deixa as coisas uma do lado da outra, mas o que o block faz exatamente, lá no meu trabalho o pessoal coloca display block em basicamente tudo, alguém teria algum exemplo sobre quando é devido usar, tanto um quanto o outro?

1 resposta
solução!

Oi, Rafael, bom domingo para você também :}

display: block: sempre começa em uma nova linha e se expande pra esquerda e direita o tanto quanto for possível.

display: inline-block: essa propriedade fará com que a tag se comporte como um bloco em linha. A diferença em relação à propriedade inline (ou seja, ela se comporta como a propriedade display-block porém, podemos dar largura e altura) é que ela pode ser ajustada com o height e width.

Eu estudei com esse tutorial que é muito bom!

https://medium.com/collabcode/pare-de-chutar-e-aprenda-como-funciona-o-display-block-98480c987950#.ko7z123q5

https://medium.com/collabcode/pare-de-chutar-e-aprenda-como-funciona-o-display-inline-block-4e6cba2f19d4

Tem vídeo também: https://www.youtube.com/watch?v=HWfhwokS_qg

Espero ter te ajudado!