HTML:
<div id="ladoalado"><img src="imgs/login.png"><img src="imgs/cadastro.png"></div>
CSS:
#ladoalado{
float: left;
margin: auto;
}
Imagem do código:
Vc pode usar por exemplo display:flex
para isso.
Veja como fica no exemplo, deixei os comentário no código.
#ladoalado{
display: flex; /* coloca as imagens uma ao lado da outra */
justify-content: center; /* alinha as imagens no centro da tela */
}
<div id="ladoalado"><img src="https://unsplash.it/100/100"><img src="https://unsplash.it/101/100"></div>
Só complementando a reposta do Hugocsl, use a propriedade justify-content: space-around;
justify-content: space-around;
cria espaços iguais antes, entre e depois dos seus elementos HTML.
Veja no exemplo abaixo...
#ladoalado{
display:flex;
justify-content: space-around;
}
<div id="ladoalado"><img src="https://unsplash.it/100/100"><img src="https://unsplash.it/101/100"></div>