Aligner 2 images dans une div [Résolu]

Bonsoir,
Je voudrais centrer 2 images dans une div. Je souhaite une marge entre les 2 images de 10px. Mon problème majeur est de centrer mes 2 illustrations dans la div.
Voici la partie html:

<div id="principal">
<p>
<img src="url" alt="">
<img src="url1" alt"">
</p>
</div>

Voici la partie css:

#principal{
width:1024px;
height:300px;
margin: 0 auto;
margin-top: 100px;
text-align: center;
background-color: white;
}

#principal img{
margin: 0px 0px 0px 10px;
}

Cordialement,
Merci de votre aide.