Bulletproof buttons and text wrapping

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.

sample code

  <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">
            <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;">
        <!--[if mso]>


Stephen, 3 years ago

Hi ari,

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 :)

ari, 3 years ago

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?

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free