title: how to adjust font size according to the paragraph element in jquery
body: <p>I have a paragraph element which is looking like this<img src="https://i.stack.imgur.com/NvF28.png" alt="enter image description here"></p>
  
  <p>It works fine when there are 3 digit characters, but it somehow overflows from the div element. Can anyone suggest a way to auto adjust the font size according to the paragraph element?</p>
  
  <p>the code for this div is this</p>
  
  <pre><code>&lt;div class="details"&gt;
              &lt;a&gt;&lt;span
                      style="display: block;line-height: 22px;padding-top: 20px;"&gt;&lt;b&gt;8375&lt;/b&gt;&lt;/span&gt;
                  &lt;span style="display: block;font-size: 17px;padding-top: 5px;"&gt;posts&lt;/span&gt;&lt;/a&gt;
          &lt;/div&gt;
  </code></pre>