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

inline, inline-block, float, flexbox

qual a diferença exata entre eles, e quando usar um ou quando usar outro.

1 resposta
solução!

Oi Flávio, tudo bem? Inline e inline-block fazem praticamente a mesma coisa, mudam o comportamento de bloco para linha, assim os elementos ficam lado a lado, no entanto, elementos inline perdem a capacidade de terem seu width e height modificados, isso por que essas propriedades são propriedades de blocos.

Float faz algo semelhante, mas com float o elemento foge do fluxo padrão dos elementos. Ele é mais parecido com o inline-block. Dependendo do caso, o float também move o elemento de lugar, como pra extrema direita ou esquerda.

flexbox é o mais recente e veio para resolver problemas que antes utilizavamos as três propriedades que já foram explicadas.

Caso suporte navegadores antigos, você continuará utilizando os três primeiros ou precisará de algum plugin que faça o flexbox funcionar. No geral, flexbox está sendo adotado para quase todos os dados onde usávamos float e inline-block.

No geral, use flexbox, caso não consiga o efeito desejado (o que parece complicado pra mim definir um), ai você usa os outros.

Espero ter ajudado, bons estudos!