vertically center text after a left floated image
===

    <img style="float:left" src="image.jpg"> <center>text</center>
    <hr style="clear:both">

What I want to achieve with the above code is have an image floated to the left, text that is vertically centered (instead of placed at the top like it currently is) and horizontally centered, and then after the image and text there is a horizontal bar to divide both the image and text from the rest of my stuff. I'm not sure how to vertically center the text without doing funky stuff like a table with a single row and column.