Centrar texto verticalmente

[rogertm]

Hola gente, llevo varios días intentando solucionar esto, pero nada. El caso es que necesito centrar un texto verticalmente, como bien dice el título.

Esto es lo que tengo:

Código HTML:

<ul class="slider-pagination">
    <li class="slider-item">
        <a href="#">
            <figure class="alignleft">
                <img alt="Como estudiar" src="images/foto-01.jpg"/>
            </figure>
        <span class="slide-title"><h3 class="entry-title">Titulo de la entrada</h3></span>
        </a>
    </li>
    ...
</ul>
 

Y este el css

Código CSS:

.slider-item a{
    display: block;
    overflow: hidden;
}
#slider figure,
#slider img{
    margin: 0;
    line-height: 0;
}
.slide-title{
    height: 45px;
    margin: 10px 0;
    display: block;
    overflow: hidden;
}
.slider-item .entry-title{
    font-size: 20px;
    display: inline;
    line-height: 24px;
}
 

Como ven, lo único que pude lograr es ponerle a la clase .slider-title el margin: 10px 0, que cuando el texto tiene dos lineas está perfecto, pero cuando es de una sola, por supuesto no funciona como yo deseo...

Ya he probado de mil maneras con vertical-align: middle y diferentes valores para los display, inline e inline-block y nada, ni se inmuta...

Pueden ver el trabajo en fase constructiva aquí http://ceformat.s4w.biz/ es la parte derecha del slider....

Agradezco de antemano la ayuda que me puedan brindar.

Saludos.

[kseso?]

En lo que echo un vistazo al enlace, puedes ver si algo de esto te ayuda.

Edito:

Visto que estás utilizando html5 la solución perfecta es el diplay: table-cell. En el enlace anterior tiene una explicación de cómo hacerlo.

[rogertm]

Perfecto... gracias a tu comentario lo he solucionado. Finalmente quedó así:

Código CSS:

.slide-title{
    display: table;
}
.slider-item .entry-title{
    display: table-cell;
    vertical-align: middle;
}
 

Y funciona perfectamente... Gracias compañero