title: Adding line breaks with no word wrap css
body: <p>I have a css class on a <code>textarea</code> like this..</p>
  
  <pre><code>.expanderHTMLText{
       font: 12px Arial, Helvetica;   
      min-height: 50px;
      white-space:nowrap;
  }
  </code></pre>
  
  <p>I do not want words to break in between long words, but I do want the text to fill the box not be all on 1 line with a scroll bar. I want to get rid of the horizontal scroll but not have to break the words to do it. How do I accomplish this?</p>
  
  <p><img src="https://i.stack.imgur.com/GxEFt.png" alt="enter image description here"></p>