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

Facebook SDK 3.7 for Android request email permission

android facebook email facebook-android-sdk facebook-sdk-3.0

I am using Facebook SDK for Android to allow users to register and use app. I want to get some basic info about user like user name and email. Anyway, I have problem because I get null pointer exce...

Why does Python's tempfile method unlink() require a filename?

python temporary-files unlink

Python's tempfile.unlink() needs a single parameter, the name of the entity to unlink. As this is known to the object/class, and the method is otherwise undocumented in tempfile, IMHO it seems it s...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.