title: expand and shrink text in div - autolength
body: <p>I have in a page a div with an auto width and 30px height in CSS.</p>
  
  <p>When I enlarge the window I want that div to show more words and expand text,  and If take back it hides words or some letters and in the end it put 3 points ... Like in the picture : </p>
  
  <p>How can I do like this in CSS and need to JS ???</p>
  
  <p><img src="https://i.stack.imgur.com/SMsDh.png" alt="enter image description here"></p>