dividir div em bloco alinhado

Ola pessoal estou tentando desenvolver um site onde na tag main criei três divs e defini width e height porem gostaria de deixar elas alinhadas , igual no exemplo do curso realizado com a tag nav

assim ficou meu codigo , onde blocos é uma div que envolve os três outras divs

blocos{ display: inline; position: absolute; } .bloco1{ position:absolute; left: 0; width: 250px; height: 350px; border-width: 2px; border-style: solid; border-color: black; background-color: green;

}

.bloco2{ position: absolute; left: 50px; width: 250px; height: 350px; border-width: 2px; border-style: solid; border-color: black; background-color: yellow;

}

.bloco3{ position:absolute; right: 100px; width: 250px; height: 350px; border-width: 2px; border-style: solid; border-color: black; background-color:purple;

}