title: Max string length of html element
body: <p>I have some tweets which are being pulled in on my website, each tweet length is different, but I want to make sure they get displayed on one line all the time.</p>
  
  <p>This is how they should appear:</p>
  
  <p><img src="https://i.stack.imgur.com/pAl9Z.jpg" alt="twitter string length"></p>
  
  <p>However, if the twitter length exceeds so many words it falls on to the next line and messes with the design. </p>
  
  <p>My question here is to give this string or div? (Excuse my poor understanding) a max length? Then possibly if we reach the max string length to add a ellipsis (...) to the end of the string.</p>
  
  <p>The idea in my head is something like if #div > 120 then shorten the string to 120 and add (...). Could someone help me make that happen? Not sure if javascript/jQuery is the way to go here? Thank you!</p>