title: is there a way to count the number of chars a div element can take based on height-Javascript
body: <p>I have element:</p>
  <pre><code>&lt;div class=&quot;show&quot;&gt;Lorem ipsum dolor sit .&lt;/div&gt; 
  </code></pre>
  <p>css:</p>
  <pre><code>.show {
  height: 300px;
  width: 600px;
  }
  </code></pre>
  <p>so before this <code>div</code> is rendered, is there a way to know how much chars count this div can hold. I have multiple line and my div contains multiple elements inside it ex:</p>
  <p><a href="https://jsfiddle.net/pvyk3etw/" rel="nofollow noreferrer">https://jsfiddle.net/pvyk3etw/</a></p>
  <p>I have tried so far this :
  <a href="https://stackoverflow.com/questions/18022557/count-how-many-characters-fit-in-a-div">count how many characters fit in a DIV</a></p>
  <p>and also used line-clamp</p>
  <p>but because my goal is not just to add ellipsis, it also needs some text next to it- like <code>...more</code> simple css <code>overflow</code> property does not work.
  in simple words: I have</p>
  <pre><code>height = 300;
  width= 600;
  </code></pre>
  <p>based on above numbers can we in anyways count how character count that div container can hold?</p>
  <p>please do let me know for any resourses I may missed to check out.
  thx</p>