Boa noite,
Andei pesquisando na internet a diferença entre usar um ou outro, mas por fim não ficou muito claro . Poderiam me dizer a vantagem e desvantagem de cada um? Ou exemplos que um se encaixa melhor que o outro?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Boa noite,
Andei pesquisando na internet a diferença entre usar um ou outro, mas por fim não ficou muito claro . Poderiam me dizer a vantagem e desvantagem de cada um? Ou exemplos que um se encaixa melhor que o outro?
Os 2 fazem basicamente a mesma coisa, antes não existia o inline-block, com a evolução do css ele veio. Ele é muito usado por ser mais fácil de colocar elementos lado a lado do que usar o float. Sendo assim usamos inline-block para colocar lado a lado e o float se quisermos fazer algo mais elaborado.
Apesar de visualmente serem similares e que diferente do display o float deixa o elemento flutuante, ao utilizar o display: inline-block, por exemplo em um menu que utilize <ul> e <li>'s você vai reparar que entre os itens de lista ficarão pequenos espaçamentos de 1px, o que não ocorre no float. Um outro detalhe é que caso opte por utilizar o float será necessário algum "clearfix" na <ul> para que os itens de lista respeitem a "área útil" da <ul>.
Ou seja, não existe certo ou errado, vai muito da sua necessidade durante o processo de desenvolvimento.