How to vertically-align media-body content in Twitter Bootstrap?

I'd like media-body content to be vertically aligned 'middle'. Here is the markup: <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="..." alt="..."> </a> <div class="media-body"> I'd like this text to be vertically aligned 'middle' </div> </div> I've tried the following which doesn't work: .media-body { vertical-align: middle; } Any idea how I can do this?