title: Align use element inside the svg element
body: <p>I am trying to align <code>use</code> element inside <code>svg</code> element, to extreme left. I tried <code>text-align: left</code> and <code>text-anchor: start</code> but still the use element is in middle of the svg element.</p>
  
  <pre><code>&lt;div class="guy"&gt;
      &lt;svg&gt;&lt;use xlink:href="#guy"&gt;&lt;/use&gt;&lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the <a href="http://codepen.io/Mr_Green/pen/Lpoaxa?editors=110" rel="noreferrer">fiddle</a></p>