title: how to calculate the height of a div with some text inside and a fixed width
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div class="content"&gt;
                          &lt;a href="/profile/Nat's Rare &amp;amp; Raw" class="link-name"&gt;&lt;strong&gt;Irene Natalia&lt;/strong&gt;&lt;/a&gt;
                          Hooray! we'll proceed with the shipping and inform the tracking # tomorrow :) Thank you, Angel! :)
  
                          &lt;br&gt;
                          &lt;span class="date"&gt;7 days ago&lt;/span&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>I wanted to know the height of this div from using javascript. Is there a way to do so?
  This div has a fixed sized width (in this case 150px). I just wanted to know the height of the div say the text changed. Preferred method is via jQuery but javascript is fine as well</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>A very important note here is that this is a calculation before the div is being rendered. I am basically creating a pinterest layout and I need to calculate the height of the comments in the item card so that masonry can lay it out first before the image is loaded.</p>