Vertically Align Text Next To Image With CSS Not Working

Alright so I have looked a bunch of other stack overflow questions like this and nothing has seemed to work. I don't know why its not working must be something silly that im not catching.

My CSS

.how-right {
}
.how-right img {
    float:right;
    margin-left:20px;
    vertical-align:middle;
}
.how-left {
}

My HTML

<!-- Number 1 -->
<div style="height:259px;" class="how-right">
    <img src="img/how-it-works/num-1.PNG" width="267px" height="259px">
    <span> has a simple system to get you in shape in just 6 weeks.  And it's so easy to follow, even people who have never exercised before can do it.</span>
</div>

Answers


span {
    height: 259px;            
    display: table-cell;
    vertical-align: middle;
}

‚Äč Demo

Also, more options for vertically centering multi-lined text.


Need Your Help

Extjs 4 Calendar how to implement

ajax database extjs4.1

I would like to implement an Calendar using Extjs 4 (4.1.3), that permits to me keeps dates, with ajax tecnology, from database. I would like that clicking on cell makes appear an editor that permi...

What to use for session management?

session nosql memcached redis cassandra

I'm trying to do some research to find the best option for sessions management in a multi-server environment and was wondering what people have found successful and why. Pros and cons.