title: Remove Text Padding/Margin inside VML Shape
body: <p>I'm trying to figure out how to get this text (!) to show up. Even though it's smaller than the circle it's in, it still gets cut off about 1/3 of the way in to the circle. </p>
  
  <p>I would like to use this for Outlook specifically. </p>
  
  <pre><code>&lt;v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:20px;v-text-anchor:middle;width:20px;" arcsize="50%" stroke="f" fillcolor="#ffcb05"&gt;
      &lt;center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;"&gt;!&lt;/center&gt;
  &lt;/v:roundrect&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/wPdUl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wPdUl.png" alt="Overflow issue"></a></p>
  
  <p>Anyone have any ideas? I've tried <code>overflow:visible</code> on the circle to no avail.</p>
  
  <p><strong>More information</strong></p>
  
  <p>Using a macro to get test html into Outlook. </p>
  
  <p>It is most definitely some sort of margin or padding on the <code>v:roundrect</code> element. After importing the HTML, I can right click, go to Format Shape, then Layout &amp; Properties, which gives me the 4 "margin" options. Setting them to zero gives me the desired effect. The issue is that I cannot then grab this HTML, and I have no idea what property this is correlating to. </p>
  
  <p>Latest code:</p>
  
  <pre><code>&lt;v:roundrect style="height:30px;width:30px;margin:0 !important;padding:0 !important; mso-margin-bottom-alt:0 !important;mso-margin-top-alt:0 !important;mso-margin-right-alt:0 !important;mso-margin-left-alt:0 !important;mso-padding-bottom-alt:0 !important;mso-padding-top-alt:0 !important;mso-padding-right-alt:0 !important;mso-padding-left-alt:0 !important;" arcsize="50%" strokeweight="2px" strokecolor="#FFFFFF" fillcolor="#ffcb05" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"&gt;
      &lt;center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;margin:0 !important;padding:0 !important;mso-margin-bottom-alt:0 !important;mso-margin-top-alt:0 !important;mso-margin-right-alt:0 !important;mso-margin-left-alt:0 !important;mso-padding-bottom-alt:0 !important;mso-padding-top-alt:0 !important;mso-padding-right-alt:0 !important;mso-padding-left-alt:0 !important;"&gt;!&lt;/center&gt;
  &lt;/v:roundrect&gt;
  </code></pre>
  
  <p>I've attempted using different elements (span, p, etc..) instead of center. </p>