How to get a CSS button to reside on the same line as paragraph text when VML is used.

Hello!

How do I get the CSS button to reside on the same line as the paragraph text above when VML is used?  The code is pasted in the posted and a screen shot is attached to demonstrate the current situation.  Ultimate, the button should reside next to price tag shown.  

CODE

<td background="BackgroundImageURLhere" bgcolor="#ffffff" width="175" height="254" valign="top">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:175px;height:254px;">
<v:fill type="tile" src="ImageURLhere" color="#ffffff" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
<p style="text-align: left; margin-top: 7px; margin-left: 7px;"><span style="font-family: arial,helvetica,sans-serif; color: #2f8b42; font-size: 16px; line-height: 19px; font-weight: bold;">$21.99</span>
<div style="width: 80px; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f47f2c; border:1px #000000 solid; text-align:center"><a href="DestinationURLHere" target="_blank" style="text-decoration: none;"><span style="font-family: arial,helvetica,sans-serif; color: #ffffff; font-size: 14px; line-height: 19px; font-weight: bold;">learn more</span></a></div></p>
<p style="text-align: left; margin-top: 10px; margin-left: 7px; margin-right: 7px;"><span style="font-family: arial,helvetica,sans-serif; color: #656565; font-size: 12px; line-height: 15px;"><strong>New Product!</strong> This innovative design is ideal for food storage and water storage. blah, blah, blah, blah.....</strong></span></p>
</div><!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>