Come unisco queste 4 immagini a 2 a 2 modificando questo codice html?

[andre_00]

Salve,

io ho questo codice html;

<div id="sdd4">          <div  class="product_zd">            <ul class="product_ul">              <a href="/categoria-prodotto/xbox-one"><img src="http://www.fifacoinsea.com/wp-content/uploads/2014/09/index_48.png" alt="FIFA 14 COINS XBOX ONE"></a>              <a href="/categoria-prodotto/ps4"><img src="http://www.fifacoinsea.com/wp-content/uploads/2014/09/index_50.png" alt="FIFA 14 COINS PS4"></a>            </ul>               <ul class="product_ul">              <a href="/categoria-prodotto/xbox-360"><img src="http://www.fifacoinsea.com/wp-content/uploads/2014/09/index_59.png" alt="FIFA 14 COINS XBOX 360"></a>              <a href="/categoria-prodotto/ps3"><img src="http://www.fifacoinsea.com/wp-content/uploads/2014/09/index_60.png" alt="FIFA 14 COINS PS3"></a>            </ul>                              </div>        </div>        </div>

che equivale a questo nel mio sito;

IMage!.JPG

Come lo faccio diventare così?

IMage!!.JPG

quello che ho postato è un codice html non un codice PHP comunque.

Scrivetemi il codice html che me lo farà apparire come nella seconda immagine, grazie


(volendo riesco anche ad avvicinare tra di loro le immagini con un plugin nel cms del mio sito, ma non riesco proprio a farle apparire come nella seconda immagine che vi ho postato).

Grazie a tutti delle risposte!