Solucionado
1) display: inline Não permite definir uma alutura ou largura
2) display: inline-block consegue alinhar blocos mas tem que fazer numeros mágicos para achar os espaçamento viável
3) float: left | right Permite alinhar os blocos deixando flutuar que como consequência é sobreposto pelos outros blocos.
4) display: flex Podemos fazer o alinhamento e ele mesmo coloca o espacamento correto sem ter que trabalhar com numeros magicos de adivinhação.
hoje, com a Alura e o Google Gemini
Oi, Thyago! Ótima sugestão!
Nesse caso, eu ainda faria a sugestão de utilizar a documentação e fazer um overview dela: Display.
Saber qual documentação usar e onde encontrar sempre me ajuda.
Aqui ainda tem as opções:
grid: que é usado para montar os grids mesmo;none: para esconder o elemento;flow: usa layout de fluxo.Acho que isso pode complementar :).
Bom trabalho e bons estudos!