<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!DOCTYPE html> <meta charset=UTF-8> <style> html, body { margin: 0 } svg, div { display: inline-block; width: 700px; height: 200px } div { font: 16px sans-serif; position: relative; margin-left: -700px; vertical-align: 100px } div { text-align: left } span { position: relative; left: 100px } </style> <body> <svg></svg><div><span>אבגabc</span></div> <script> var span = document.getElementsByTagName("span")[0]; var range = document.createRange(); range.setStart(span.firstChild, 1); range.setEnd(span.firstChild, 5); window.getSelection().addRange(range); </script>