<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!DOCTYPE html> <style> html, body { margin: 0 } svg, div { display: inline-block; width: 700px; height: 200px } div { font: 16px sans-serif } #a { margin-left: -700px; vertical-align: 100px } #b { margin-left: -700px; vertical-align: 50px } span { margin-left: 100px } </style> <body> <svg></svg><div id=a><span>hello</span></div><div id=b><span>there</span></div> <script> var span = document.getElementsByTagName("span"); var range = document.createRange(); range.setStart(span[0].firstChild, 1); range.setEnd(span[1].firstChild, 4); window.getSelection().addRange(range); </script> </body>