Allineamento in verticale <div> formati da immagine + testo iperlink

[Mikimimiki85]

Ciao a tutti,
riprendo questo topic per una domanda, sto realizzando il footer di un sito web e nella parte contatti devo inserire quanto segue:
- IMMAGINE CORNETTA con numero di telefono cliccabile alla sua destra
- IMMAGINE EMAIL con testo cliccabile a lato che apre la mail

Ho usato il seguente codice:

<div style="float:left; margin-bottom:0.5em; margin-right:0.5em; margin-top: 4px;"><img src="CORNETTA TELEFONO"</div>
 <div style="float:left"><a data-rel="external" href="tel:+39xxxxxxxxxxx" target ="_blank">(+39) xxxxxxxxxxx</a></div>
<div style="float:left; margin-bottom:0.5em; margin-right:0.5em; margin-top: 4px;"><img src="BUSTA EMAIL"</div>
 <div style="float:left"><a href="mailto:xxxxxxxxxxx">Scrivici qui</a></div>

Ma il risultato è questo:
Colonna DIV.jpg

Come faccio a incolonnare il tutto staccando la busta email dal numero di telefono?

[Mikimimiki85]

Un grazie a KillerWorm e mi scuso ma sono stato davvero sbadato.

Nel contempo faccio un up per sapere se qualcuno mi può aiutare.

[KillerWorm]

Un grazie a KillerWorm e mi scuso ma sono stato davvero sbadato.

Grazie a te per l'attenzione.
Per la cronaca, riporto pubblicamente quanto ti ho indicato in privato, così che sia d'avviso anche ad altri utenti:

E' preferibile evitare l'indicazione di dati privati sui propri post. Questi resterebbero in modo permanente sul forum e, nel caso specifico, non sono utili ai fini della comprensione della richiesta stessa.

Tornando in-topic, non vedo il motivo di incapsulare i vari elementi dentro singoli <div>.
Io risolverei mettendo le immagini come background dei due elementi <a> e snellendo il codice in questo modo:

<a style="background:url(tel.png) no-repeat; padding-left:30px;" data-rel="external" href="tel:+3900012345678" target ="_blank">(+39) 000 12345678</a>
<br>
<a style="background:url(mail.png) no-repeat; padding-left:30px;" href="mailto:pippo@pluto.com">Scrivici qui</a>

Ovviamente è giusto un esempio, poi dovrai aggiustare eventualmente il valore del padding e, se serve, impostare il posizionamento del background.

[Mikimimiki85]

Buongiorno KillerWorm
Grazie del codice perché così risulta davvero perfetto.

Purtroppo sono alle prime armi con il codice e credo che la mia sia solo non-conoscenza della materia.

Una domandina OT, c'è qualche libro interessante (anno 2015-2016) da poter studiare che mi introduca a tutto questo?

Grazie ancora!

[KillerWorm]

Ciao, bene

Una domandina OT, c'è qualche libro interessante (anno 2015-2016) da poter studiare che mi introduca a tutto questo?

Di cartaceo personalmente non saprei dirti, ma posso giusto consigliarti di iniziare a dare uno sguardo ai link utili (tra i post in evidenza). Puoi trovare diverse guide online, e anche qualche riferimento a libri cartacei, nonché tanto altro materiale da cui poter studiare e prendere spunti.
Buona lettura.