<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
  <g transform="translate(100,100)" style="font: 16px sans-serif">
    <text x='100' text-anchor='end'>he<tspan x='300'>l</tspan>lo</text>
  </g>
  <script>
    var text = document.getElementsByTagName("text")[0];
    var range = document.createRange();
    range.setStart(text.firstChild, 1);
    range.setEnd(text.lastChild, 1);
    window.getSelection().addRange(range);
  </script>
</svg>