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:
Ver original<ul class="slider-pagination"> <img alt="Como estudiar" src="images/foto-01.jpg"/> <span class="slide-title"><h3 class="entry-title">Titulo de la entrada
</h3></span> ...
Y este el css
Código CSS:
Ver original.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.