[SOLUCIONADO] Mostrar imagen centrada o a la derecha dependiendo del tamaño de pantalla

[juanmedina]

Hola gente!!

Estoy intentando crear una clase para que las imágenes se muestren a la derecha en pantallas grandes, y centradas en pantallas pequeñas. He creado este código pero no me funciona y no veo el fallo

Código HTML:

.right,.alignright { float: right; }

@media (max-width: 500px) {
    .right,alignright {			
        float:center;
    }
}

¿Alguien podría echarme un cable? Gracias de antemano.

[DragonX]

Código CSS:

float: center;
 

no existe!
deberias hacer algo asi:

Código CSS:

.right,.alignright { float: right; }
 
@media (max-width: 500px) {
    .right,alignright {         
        float:none;
display:block;
margin: 0 auto;
    }
}
 

[juanmedina]

Un millón de gracias DragonX, con tu código sí que sale bien.