I need to create a layout for a page using inline CSS to try to match a design created by our ad agency. But I'm having a heck of a time trying to get the text to vertical align. I've done some googling for an answer to this but nothing I try seems to be working.
First let me explain the layout. The page will consist of many "layers" which will have the product image to the left, and the name/description to the right. But they want the text to be aligned vertically in the middle of the product image.
Here is the code I have so far. Can anyone recommend a way for me to vertical align the text?
<div style="padding: 0 0 0 60px;">
<div style="float: left;"><img src="/images/easter1.png" alt="Product description" width="127" height="68" /></div>
<div><p style="color: #9455c4; padding: 0; margin: 0; line-height: 1.3em;"><strong>Product title</strong>
<br />Product description</p></div>