allineare due immagini orizzontalmente

[pippomat]

ciao ragazzi un piccolo aiuto ... per me grande ieri sera ho perso 2 ore senza conclusione


ho la necessità di mettere 2 immagini affiancate e allineate orizzontalmente ....



1 dei tanti modi con cui io ho provato è:

<p align="center">
<a href="urlsitoweb"><img src="img" alt=""></a>
<a href="urlsitoweb"><img src="img2" alt=""></a>
</p>

ma nulla mi mette le immagini allineate al centro ma una sotto l'altra

[deleted_20210415]

ciao ragazzi un piccolo aiuto ... per me grande ieri sera ho perso 2 ore senza conclusione


ho la necessità di mettere 2 immagini affiancate e allineate orizzontalmente ....



1 dei tanti modi con cui io ho provato è:

<p align="center">
<a href="urlsitoweb"><img src="img" alt=""></a>
<a href="urlsitoweb"><img src="img2" alt=""></a>
</p>

ma nulla mi mette le immagini allineate al centro ma una sotto l'altra

Se conosci la larghezza delle immagini:

<div class="center">
  <img class="tuaclasse" src="..."/>
  <img class="tuaclasse" src="..."/>
</div>

E nel CSS:

.tuaclasse {
 float: left;
 width: 200px; //grandezza a caso
}

.center {
 width: 400px; //tua grandezza per 2
 margin: 0 auto; //centra il div
}

[pippomat]

si avevo provato anche in questo modo ma nulla .... mi metteva le immagini tutte a sx ....

cmq per conoscenza di tutti ho risolto cosi:

.class_div {
	display: table;
  	margin: 20px auto;
}


.class_div a {
	display: table-cell;
	text-align: center;
}
 
.class_div img {
	width: auto; 
	max-width: 100%;
}

naturalmente il codice html è questo:

<div class="class_div">
<a href .....><img src="img1"></a>
<a href .....><img src="img2"></a>
</div>