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

Display Inline, Inline-block e Block

O display: inline deixa os elementos em uma linha, um do lado do outro, mas não permite alterar essa linha.

O display: inline-block deixa os elementos um do lado do outro, mas permite a alteração da linha.

O display: block deixa os elementos um debaixo do outro.

Estou correto?

1 resposta
solução!

Oi Lucas, tudo bem?

Basicamente sim. Veja:

Utilizando a propriedade block: é o elemento padrão da maioria dos elementos HTML. O elemento block sempre começa em uma nova linha e se expande pra esquerda e direita o tanto quanto for possível.

O inline: é o elemento de linha padrão. Um elemento de linha pode preencher algum texto dentro de um parágrafo sem quebrar o fluxo daquele parágrafo.

Já o inline-block: exibe um elemento HTML como um contêiner de bloco de nível inline. O interior deste bloco é formatado como caixa de nível de bloco e o elemento em si é formatado como uma caixa de nível in-line.

Bons estudos!