title: Centering image with SVG
body: <p>I have the following image in my <code>.svg</code> file:</p>
  
  <pre><code>&lt;image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71"/&gt;
  </code></pre>
  
  <p>I want it display in the middle of the page, but it seems that the upper left corner is in the middle.  How can I get the center of the image to display in the center of the page?</p>