Aligner du texte à côté de plusieurs images

Bonjour à tous, je vous embête à nouveau avec une question.

Je souhaiterai aligner du texte à côté de deux images alignés verticalement, quand j'utilise "float: left;" pour ma deuxième image, elle se décale à droite de la première... je ne trouve pas de solution à mon problème, pourriez vous m'aider ?

Voici mon script:

html

<blockquote>
<div id="moncadre1">
<p>
 <div id="title-contact"><a>Contact</a></div>
 <div id="image-contact-tel"><img src="image-contact-tel.jpg" alt="image telephone"></div>
 <div id="tel"><a>06.00.00.00.00.</a></div>
 <div id="image-contact-mail"><img src="me-contacter-mail.jpg" alt="image mail"/></div>
 <div id="mail"><a>mail@mail.com</a></div>
</p>
</div>
</blockquote>

css

div#image-contact-tel {
 margin-left: 5%;
 margin-top: 10%;
 float: left;
}

div#tel {
 margin-top: 18%;
 margin-left: 30%;
 font-size: x-large;
}

div#image-contact-mail {
 margin-top: 20%;
 margin-left: 5%;
 float: left;
 }

div#mail {
 font-size: x-large;
 margin-left: 30%;
}

Merci d'avance pour votre aide !