title: Vertically center SVG Tag
body: <p>I'm trying to figure out a way to center vertically my SVG Tag.</p>
  
  <p>Basically, here is a simplified SVG code i'm trying to center :</p>
  
  <pre><code>&lt;svg height="272" style="background-color:transparent;margin-left: auto; margin-right: auto;" width="130" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
      &lt;g style="font-size: 0.7em;" transform="scale(1 1) rotate(0) translate(0 270)"&gt;
          &lt;g id="1" style="font-size: 0.7em;"&gt;
              &lt;image height="32" width="32" x="49" xlink:href="../../images/JOB.GIF" y="-270"/&gt;
          &lt;/g&gt;
      &lt;/g&gt;
  &lt;/svg&gt; 
  </code></pre>
  
  <p>I have no trouble putting it in the middle (horizontally speaking) of the page, however i'd like it to be vertically centered as well.</p>
  
  <p>I can add wrappers, but i'd like to know a generic way of doing this, not depending on the SVG size nor the window size.</p>
  
  <p>I have tried multiple ways, but nothing worked.</p>
  
  <p>Thanks,</p>