title: SVG text element height/width inside of display:none container
body: <p>I've got an SVG that is being drawn inside of a div that has css of <code>display:none</code>. I need to center some of the rendered text elements, and to do this, I need the height and width. Unfortunately, when the containing html element is set to <code>display:none</code>, I always get 0 for height, and width. <code>getBBox(), clientWidth, getComputedTextLength()</code> methods all return zero. My question is: how can text width be calculated under these conditions?</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;div style='display:none;'&gt;
  &lt;svg&gt;&lt;g&gt;&lt;text&gt;some text&lt;/text&gt;&lt;/g&gt;&lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>