Como pongo por css una imagen el el centro

[corretodo]

Tengo estas dos classes definiadas para la izquierda y la derecha pero no se como hacer la del centro
Son para presentar fotos

Código:

.Post-Photo-Right { 
float : right; 
margin-left : 5px;
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
} 
.Post-Photo-Left {
float : left; 
margin-right : 5px;
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
}

Me gustaria me dijeran como he de hacer para definir la del centro.
Muchas Gracias

[Batusai]

Mira en las "ESTRUCTURALES" a ver si alguno de los ejemplos te vale: http://www.araudi.net/

[corretodo]

Muchas gracias por esa pagina pero no veo algo sobre imagenes.
Tengo esto pero no me funciona
Algo me falta

Código:

.Post-Photo-Center { 
margin-left : 5px; 
margin-right : 5px; 
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
}

Y no se como hacerlo

[Batusai]

Perdona, pensé que hablabas de capas.

Pues yo lo que hago es que creo una capa donde vayan a ir las imágenes, y luego reparto el espacio interior entre las fotos; ya sea colocando cada una en una capa distinta, o una clase distinta, o la misma capa o clase para todas pero cuidando de que las fotos sean del mismo tamaño.

También hay que tener en cuenta, creo, algo que estás olvidando.

Código:

    position:relative;
    float: left;

Creo que añadiendo eso a cada clase afectada lo solucionarías.

[corretodo]

Yo pongo este codigo que te he comentado antes

Código:

.Post-Photo-Center { 
margin-left : 5px; 
margin-right : 5px; 
padding : 3px 3px 3px 3px; 
border-color : #000000; 
border-width : 1px; 
border-style : solid; 
background-color : #ffffff; 
}

Y no me funciona
Si pongo float.left se me va a la izquierda
Lo que hago es
Con

Código:

<div align="center">
<img class="Post-Photo-Center" src="imagen.gif">
</div>

Me sale en el centro
Pero pensaba que en css se podria poner algo como float que en vez ir a left o a right fuera al centro.
Con float no se puede.
Pero no se si hay otro codigo que no sea float y que ponga una foto al centro con esa clase que tengo definida arriba.
text-align="center" no sirve para fotos es para texto.
Asi que no se si hay algo mas facil.
Para no usar la etiqueta <div align="center>

[AlePerez92]

Hola, yo lo que uso para poner contenidos en el centro es:

Código:

margin:0 auto;

Otra cosa que te sugiero es que en lugar de escribir esto:

Código:

padding : 3px 3px 3px 3px;

Escríbelo así:

Código:

padding : 3px;

Espero que te ayude...

[corretodo]

Muchas gracias por vuestra informacion
Me ha servido lo de
margin:0 auto;
padding : 3px;