[SOLUCIONADO] Centrar texto en relación a una imagen

[mblascog]

Buenas,
En un párafo tengo que mostrar un texto y a su derecha una imagen.
Me gustaría que dicho texto apareciera centrado, verticalmente, en el medio de la imagen.
Para ello, hago lo siguiente, pero no funciona:

Código HTML:

<p id=pCertificat>Certificat energètic: <img src=http://localhost/fincampsMBG/imatges/A.png /></p>
 

Código CSS:

#infoDetall p#pCertificat{height:27px;vertical-align:middle;}
 

Qué estoy haciendo mal?
Gracias.

[Panterpato]

Hola, probá esto:

<p id=pCertificat>
<span class="texto">
Certificat energètic:
</span>
<img src=http://localhost/fincampsMBG/imatges/A.png />
</p>


#infoDetall p#pCertificat{height:27px;}
(creo que no hace falta que le digas la altura al contenedor, si la imagen que metés adentro tiene 27px de alto, lo va a llevar a esa altura solo).

Entonces tu CSS sería:

.texto, #pCertificat img { display: inline-block; vertical-aling:middle }

[mblascog]

Muchas gracias