Quais as principais diferenças entre as nossas propriedades de posicionamento?
1) display: inline; O elemento renderiza apenas o seu conteúdo no menor espaço possível e mas não permite que outros elementos ocupem a mesma linha
2) display: inline-block; O elemento se comporta como bloco, mas permite que outros elementos ocupem a mesma linha
3) float: left | right;
A propriedade Float é usada pra definir o posicionamento do elemento na linha, sendo ele direita: float: left, ou direita: float: right
4) display: flex; O elemento se comporta como um elemento de bloco e apresenta seu conteúdo de acordo com o modelo flexbox, se deformando para renderizar seus elementos filhos
