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

Inline, block e inline-block

Em poucas palavras, o que seriam o display inline, block e inline-block e para que servem ?

1 resposta
solução!

"display: block" faz com que o elemento HTML seja renderizado como bloco, tal como os parágrafos e os cabeçalhos o são. Um bloco contém um espaço em branco tanto em cima como embaixo e não permite outros elementos HTML ao lado, exceto quando tiver sido declarado ao contrário (por exemplo, declarar a propriedade float para o elemento próximo ao bloco).

"display: inline" faz com que o elemento HTML seja renderizado inline, dentro do bloco na mesma linha. Quando o elemento encontra-se entre dois blocos ele forma o chamado 'bloco anônimo' e é renderizado com a menor largura possível.

"display: inline-block" Os elementos do bloco em linha são como elementos em linha, mas podem ter uma largura e uma altura.