[SOLUCIONADO] Alinear el texto con imagen

[Simeone1]

Hola amigos y amigas ,

Por favor, tengo una pregunta: me gustaría saber cómo puedo alinear el texto al lado de una imagen.
Más abajo adjunto una imagen de muestra. Me encantaría obtener el mismo resultado:

http://i42.tinypic.com/2vvmmpd.jpg

P.S. Utilizo la plataforma Wordpress.

Con mi agradecimiento anticipado...

Un abrazo.

[Simeone1]

Verán, he usado este CSS:

Código:

img.alineadocentro{
  vertical-align: middle;

 }

Y el html:

Código:

<p><img class="alineadocentro" src="aquí la ruta" />Mi texto alineado</p>

Y el resultado no es el deseado. Me queda de la siguiente forma:

http://i39.tinypic.com/2vbsg77.jpg

Gracias.

[C2am]

Saca la imagen del párrafo.

Código HTML:

<img />
<p></p>
 

Y flota la imagen a la izquierda.
Saludos

[Simeone1]

En primer lugar quiero agradecerle su atenta respuesta, amigo C2am. Gracias.

He aplicado la receta, sin embargo, no ha quedado del todo igual a la imagen adjunta. Queda de la siguiente forma:

http://i39.tinypic.com/r6x17c.jpg

Gracias, una vez mas.

[pzin]

Lo más facilón es imitar el comportamiento de las tablas:

Código CSS:

<div>
  <img>
  <p></p>
</div>
 

Código CSS:

div {
    display: table;
}
 
p, img {
    display: table-cell;
    vertical-align: middle;
}
 

Esto se llama centrar verticalmente más que alinear. Alinear es poner una cosa al lado de la otra.

[C2am]

Alinear es ubicar cosas teniendo como referencia una linea recta

[Simeone1]

Apreciado amigo,

Toda una lección magistral, pzin, que se AGRADECE.

Mis mejores deseos, y gracias mil, una vez mas.

Un abrazo.