imagen y texto centrados verticalmente

[manu_bet]

Hola,

estoy tratando de poner una imagen y un texto juntos a modo pero no consigo lo que deseo. He mirado otros ejemplo, algunos de esta misma web pero....nada. El problema es que el texto se situa en la parte inferior de la "caja", pero pretendo que quede alineado verticalmente para que quede en el centro.

el trozo del HTML es este:

Código:

<div class="solution" ><h2><a href="#" > Coche<img src="/aaa/img/car40b.png" alt="coche"></img></a></h2></div><br/>

y solution en el .css es esto:

Código:

.solution{
vertical-align: middle;
  }

Alguna idea/error?

gracias

[emprear]

la clase solution se la tenés que dar a la imagen, no al div
Además el tag img no tiene una eqtiqueta de cierre

<img></img> --> mal
<img /> --> bien

Saludos

[mariomon17]

Puedes ponernos un ejemplo grafico?

Un saludo :)

[SonrisaCs]

Si mal no entendí tenés que hacer lo siguiente:

<img src="/aaa/img/car40b.png" alt="coche" class="solution">

Probá eso :)

Saludos

[manu_bet]

Iniciado por emprear

la clase solution se la tenés que dar a la imagen, no al div
Además el tag img no tiene una eqtiqueta de cierre

<img></img> --> mal
<img /> --> bien

Saludos

En efecto, corregido. Gracias también por la corrección del img