title: Center SVG elements to its area
body: <p>Look at <a href="http://jsfiddle.net/mhcgolds/gWyhE/" rel="nofollow">this fiddle</a>.</p>
  
  <p>The code is complex but the question in simple. I just want to center the SVG content of the gauge chart. You can see the <strong>red square</strong> that is the <strong>SVG area</strong>. I want to content(the graphic) to fit on its center. Don't mind if it crops, I can adjust it later.</p>
  
  <p>I tried with CSS <code>margin</code> and <code>padding</code> but none worked. And Kendo have no method to center it.</p>