title: How to get the position of text within an element?
body: <p>If I have an element, for instance:</p>
  
  <pre><code>&lt;p&gt;Lorem ipsum dolor sit amet, ante risus massa adipiscing quisque quis. At mauris tellus in, sed vehicula integer fermentum rhoncus at faucibus, in vitae purus. Maecenas in vel ligula orci tellus ac, fringilla conubia lorem elit. Dui nulla sodales morbi vel. Massa sed viverra. Maecenas imperdiet donec urna a, ligula sed&lt;/p&gt;
  </code></pre>
  
  <p>And this is flowed across multiple lines:</p>
  
  <pre><code>Lorem ipsum dolor sit amet, ante risus massa adipiscing
  quisque quis. At mauris tellus in, sed vehicula integer
  fermentum rhoncus at faucibus, in vitae purus. Maecenas
  in vel ligula orci tellus ac, fringilla conubia lorem
  elit. Dui nulla sodales morbi vel. Massa sed viverra.
  Maecenas imperdiet donec urna a, ligula sed
  </code></pre>
  
  <p>Is it possible to find out the position (in x,y-coordinates) of a particular character in the text using Javascript? If not, could I get the y-position of each line in the text?</p>
  
  <p><strong>Please note</strong>: There is a lot of text in the <code>&lt;p&gt;</code> tag in my application, so adding <code>&lt;span&gt;</code> around each character/word would be too much processing.</p>