Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function selectTest() {
window.getSelection().removeAllRanges();
var range = document.createRange();
range.selectNode(document.querySelector('#test'));
window.getSelection().addRange(range);
}
</script>
<style>
body { padding: 1em; }
div>div { height: 2em; }
</style>
</head>
<body onload="selectTest()" contenteditable>
<div id="test">
<div>123 <span style="color:transparent;font-size:0">x</span></div>
<div style="text-shadow:8px 3px 0 red;">456 <span style="color:transparent;font-size:0">x</span></div>
<div><u>789</u> <span style="color:transparent;font-size:0">x</span></div>
<div style="text-shadow:-4px 3px 0 red;"><u>012</u> <span style="color:transparent;font-size:0">x</span></div>
</div>
</body>
</html>