html - use 要素を svg 要素内に揃える

Question

use要素内のsvg要素を左端に揃えようとしています。試しtext-align: leftてみtext-anchor: startましたが、まだ use 要素が svg 要素の真ん中にあります。

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

ここにフィドルがあります

Answer 1

preserveAspectRatio="xMinYMid" などを追加

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

またはフィドルとして