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?

Join 150,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free