I have added a few bulletproof buttons to my template and there seems to be an issue where the text size causes the text to wrap only for browsers like outlook 2007/2010 is there a good way to force the width of the <v:roundrect to allow the text take up the full width like the regular <a works.
<div><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.test.com/additem" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="50%" stroke="f" fillcolor="#DCA400"> <w:anchorlock/> <center> <![endif]--> <a href="http://www.test.com/additem" style="background-color:#DCA400;border-radius:25px;color:#ffffff;display:inline-block;font-family:'trebuchet ms', Arial, Helvetica, sans-serif;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:50px;-webkit-text-size-adjust:none;font-size: 16px;text-transform:uppercase;"> Add </a> <!--[if mso]> </center> </v:roundrect> <![endif]--></div>
Many thanks for your question and sorry to hear you're having these issues here.
After scanning through Microsoft's VML documentation however, I unfortunately wasn't able to locate anything equivalent to the HTML version of nowrap="nowrap" (which is essentially what you're looking for here), so in this instance, you may just need to make your text slightly smaller, or your button a little larger, to ensure it doesn't wrap as a result.
If we do locate a way to achieve this however, we'll be sure to follow up here and let you know :)
Thanks Stephen for the fast reply.
Any chance there is a way to make sure that the VML is not added any padding to it's sides?