Alignement image - HTLM

Bonjour,
Je débute dans le html et j' aimerais savoir comment déterminer lespace entre chaque image parce que j' aimerais qu' elles soient plus espacés les unes des autres.
Comment faire pour modifier l' espacement des images dans cet exemple :

<style type="text/css">
.images
{
text-align: center;
}
<p class="images">
<img src=" Image 1 " height="200" width="200" />
<img src=" Image 2 " height="200" width="200" />
<img src=" Image 3 " height="200" width="200" />
<img src=" Image 4 " height="200" width="200" />
</P>

Merci d' avance

Configuration: Windows XP
Firefox 2.0.0.14