Diferenciando propriedades de posicionamento

O display inline, não pode ter height e width definidos para ele e permite a exibição de outros elementos ao seu lado. Enquanto isso, o display inline-block é uma mistura do inline e do block, ele permite que outros elementos sejam definidos ao seu lado, e diferentemente do inline, ele permitem o redimensionamento tanto da largura quanto de sua altura. Através do float podemos alinhar os elementos à esquerda ou à direita, fazendo com que os outros elementos subam, se ajustando em torno dele. Já o flexbox é relativamente novo, não funcionando muito bem em todos os navegadores. Ele faz com que os elementos dentro de um container sejam organizados dinamicamente, desta forma, independente de suas dimensões manterão um layout flexível dentro do elemento pai.