0

como quero q fique

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:

inserir a descrição da imagem aqui

2 Respostas 2

7

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> 

0

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>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .