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?