display: inline;
ocupa apenas o espaço do elemento e não é possível usar width e height.
display: inline-block;
posiciona o elemento em linha como um bloco e você consegue utilizar width e height, porém, é necessário criar numeros mágicos para achar os espaçamento viável.
float: left | right;
permite que o elemento "flutue" para a esquerda ou direita, fora do fluxo normal do documento.
display: flex;
permite criar layouts flexíveis com elementos organizados em linha ou coluna de maneira flexível.