Align use element inside the svg element

Question

I am trying to align use element inside svg element, to extreme left. I tried text-align: left and text-anchor: start but still the use element is in middle of the svg element.

<div class="guy">
    <svg><use xlink:href="#guy"></use></svg>
</div>

Here is the fiddle

Answer 1

Add preserveAspectRatio="xMinYMid" e.g.

<div style="display: none"><svg id="guy" viewBox="0 0 123.6 205.2" preserveAspectRatio="xMinYMid">

or as a fiddle