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

Diferenças entre propriedades de posicionamento

display: inline;

ocupa apenas o espaço do elemento e não é possível usar width e height.

display: inline-block;

posiciona o elemento em linha como um bloco e você consegue utilizar width e height, porém,  é necessário  criar numeros mágicos para achar os espaçamento viável.

float: left | right;

permite que o elemento "flutue" para a esquerda ou direita, fora do fluxo normal do documento.

display: flex;

permite criar layouts flexíveis com elementos organizados em linha ou coluna de maneira flexível.
1 resposta
solução!

Olá, Gabriel.

Tudo bem?

Ficou muito legal, serve como uma cola para lembrar depois. Muito bom! Muito obrigado por compartilhar aqui com a gente.

Valeu :)