title: Align text center below a SVG circle?
body: <p>Suppose I have the following SVG:</p>
  
  <pre><code>&lt;g transform="translate(300, 300)"&gt;
      &lt;circle r="5px"&gt;&lt;/circle&gt;
      &lt;text&gt;My Label&lt;/text&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>I need the label to be centered below the circle. Is there a simple solution to this problem?</p>