title: Svg elements are not displaying as espected
body: <p>I have created several SVG's in inkscape and saved the generated paths to my DB. When I display them on there seems to be no consistancy to their starting axis</p>
  <p>NOTE:</p>
  <ul>
  <li>the horizontal pic is for showing how far off the Y axis are off</li>
  <li>the vertial pic shows how far the X axis are off</li>
  <li>I have clipped the vertical to save space</li>
  <li>the red css border is to help show the dispariaty in starting location</li>
  </ul>
  <p><a href="https://i.stack.imgur.com/rwhyk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rwhyk.png" alt="the a-z of svgs horizontally" /></a></p>
  <p><a href="https://i.stack.imgur.com/TT4UN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TT4UN.png" alt="the a-g of svgs vertically" /></a></p>
  <p>Initially the problem was much worse so to fix it I set all the starting coordinates to <code>m 10,10</code> (this got me to where I am now) and noticed that I can manually alter each of the letters starting X Y coordinate to place it where I want it to be, however I would like to try and understand why they are not uniform when I have defined the same starting location?</p>
  <p>I have added <code>preserveAspectRatio=&quot;xMinYMin meet&quot;</code> and also tried every value for preserveAspectRatio but none seem to have any effect. In addition to this (after reading seeveral tutorials and SO posts) I also tried adding an additional namespace <code>xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;</code> but this had no effect.</p>
  <p>I would like to display all letters in the center of the viewport without manually altering each svg starting coordinates, can it be done? If the answer is no what do I need to do to be able to display them in a straight line (on the horizontal/vertical)?</p>
  <p>below is a link to my <a href="https://codepen.io/tony-simpson/pen/jOqrabJ" rel="nofollow noreferrer">codepen</a> which shows problem. The charaters 'a' 'b' and 'q' are used as I think they are good examples: (note: I tried to add the 3 svg's directly to the question but it exceeded the allowed charater count)</p>
  <p><a href="https://codepen.io/tony-simpson/pen/jOqrabJ" rel="nofollow noreferrer">https://codepen.io/tony-simpson/pen/jOqrabJ</a></p>