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!

[carlomarangoni]

IMage!!.JPG

Io ho provato il tuo codice ed è già così!

[andre_00]

Io ho provato il tuo codice ed è già così!

sul mio sito [edit by mod] non va!
neanche provandolo con il blocco note e aprendelo con chrome. che posso fare?

[Vincent.Zeno]

sul mio sito [edit by mod] non va!
neanche provandolo con il blocco note e aprendelo con chrome. che posso fare?

@andre_00

se non metti una pagina di esempio (anche solo di test) è inutile citare il tuo sito