| <!DOCTYPE html> |
| <div style="display: grid; grid-template-columns: 20px 20px 20px; grid-gap: 40px; background-color: #ddd; font-size: 24pt"> |
| <div style="width: 100px ; display: inline-block""> |
| <span id="a">aaa</span><br> |
| <span id="b">bbb</span> |
| </div> |
| <div style="width: 100px ; display: inline-block""> |
| <span id="c">ccc</span> |
| <span id="d">ddd</span> |
| </div> |
| </div> |
| <script> |
| var b = document.querySelector('#b'), |
| d = document.querySelector('#d'); |
| getSelection().setBaseAndExtent(b.firstChild, 0, d.firstChild, 2); |
| focus(); |
| </script> |
