Alinear texto con Icono

[danideu]

Hola a todos,

Por favor, podríais decirme como puedo hacer que el texto del título esté alineado en el centro con el icono?:

http://goo.gl/CtX9uh


Gracias.
Saludos.

[xfxstudios]

debes modificar un poco la estructura, y hacer esto:

Código CSS:

.crmTile {
   display:flex;
   display: -webkit-flex;
   width: 100%;
   background-color:#1C8C30;
    padding:15px;
    border-radius:15px;
}
/* Un div con algo de altura para ver que el efecto funciona */
.crmTile div:first-child {
   display: block;
   width: 80px;
   height: 65px;
}
/* Y con los margin top y bottom en “auto” conseguimos que flex funcione perfectamente */
.crmTile div:last-child {
   margin-top: auto;
   margin-bottom: auto;
    padding-left:20px;
    color:#fff;
 
}
 

Código HTML:

<div class="crmTile">
    <div>
<img height="65" src="/simon/icon_simon.png" width="80">
    </div>
   <div>
        <h2>Memoriza los números</h2>
   </div>
</div>
 

aqui una muestra:

http://jsfiddle.net/xhawz9s1/

[danideu]

Muchas gracias, lo probaré y te digo si me funciona.

Saludos.