Alinear imagen a la derecha con texto a la izquierda bordeandola

[ACALU]

Hola,

Estoy escribiendo un post donde me gustaria que varias imagenes estuvieran alineadas a la derecha y que el texto estuviera a la izquierda bordeandola.

Pero el problema es que cuando le doy a alinear la imagen a la derecha, en el editor se ve bien, pero cuando le doy a vista previa del post la imagen sigue a la izquierda, como si no hubiera hecho nada

Esto es lo que tengo en el CSS:

Código:

/* Images Align */

img.center {
	display: block; 
	margin: auto;   
	}

img.right {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

 img.left {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.none { /* Agrega esta clases para imagenes sin borde */
	border: 0;
	padding: 0;
	background: transparent;
	}

Y esto es lo que viene en el HTML del editor:

Código HTML:

<p style="text-align: left;"><img class="alignright" src="http://farm9.staticflickr.com/8153/7667009774_db7bf33fc5_m.jpg" alt="" /> Texto que debe de bordear a la imagen</p> 

¿Que puedo hacer?

Un saludo.