Soucis CSS centrer

Bonjour,
Sur mon futur site,
il y a une proportion déja définie de 1024 pixels - lorsque je poste mes photos si deux d'entre elles font moins de 1024, elles vont s'afficher sur la même ligne.
Sinon, il s'en affiche une seule.
Tout ce bloc là est centré dans la page.
Mais la question c'est :
Comment faire pour que les photos s'alignent elles même dans le bloc?
Là elles sont toutes alignées sur la gauche.

voici mon code CSS,
MERCI A CELUI QUI POURRA M'AIDER!!!!!!!

(c'est peut être avec un Left mal placé??)

/**
* CSS
*
*/
* {
margin: 0;
padding: 0;
}

body {
font-size: 10px;
font-family: Verdana, sans-serif;
background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {
width: 0px;
overflow: auto;
top: 0;
bottom: 0;
left: 0;
position: fixed;
height: 100%;
background-color: #fff;
}

#menu ul {
list-style: none;
margin: 0 0 12px 0;
}

#menu ul li.section-title { }

#content {
height: 100%;
margin: 0 0 0 0;
top: 0;
}

.container {
position: relative;
margin: 0 auto;
width: 1024px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container { margin: 0; padding: 0; }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }