title: Show caret position in non-editable field
body: <p>Is it possible to show a virtual caret between two letter boundaries using HTML/CSS/Javascript for say a regular div without contenteditable=true?</p>
  
  <p>Let's say I have this:</p>
  
  <pre><code>&lt;div&gt;Hello world&lt;/div&gt;
  </code></pre>
  
  <p>And I click between the "w" and "o" in "world", is it possible to show a virtual caret so it would look like:</p>
  
  <blockquote>
    <p>Hello w][orld</p>
  </blockquote>