Come posso allineare due colonne di immagini?
cioè così:


Avevo provato allora a fare un
<div class="imgsx"> tutte le immagini di sx </div>
e
<div class="imgdx">tutte le immagini di dx</div>

definendo nei css:

.imgsx {
text-align:right;
border-bottom:none;
border-left:none;
border-right:none;
}

.imgdx {
text-align:right;
border-bottom:none;
border-left:none;
border-right:none;
}

Così mi veniva bene,avevo prima le 3 immagini allineate verticalmente a sinistra e poi le altre 3 allineate a destra sempre verticalmente, ma non venivano affiancate come volevo fare(vedi disegno).

Altrimenti se creo le due colonne con photoshop(cioè una colonna ha 3 immagini verticali, l'altra altre 3 verticali)e quindi ottengo due immagini separate, poi come le posso mettere sulla stessa riga, ma uno all'estrema sx e una all'estrema dx?


grazie