title: Word wrap without breaking words
body: <p>I've been working with sending out a HTML-formatted e-mail using a web server, and so far it's been good (content and all displays nicely), except for word wrapping. A single line of text (user input) can go on and on and produces a horizontal scrollbar on popular e-mail web clients.</p>
  
  <p>So I went to do some research. I implemented <code>&lt;div style="width: 100%; word-break: break-word;"&gt;&lt;!-- Content here --&gt;&lt;/div&gt;</code> and it worked perfectly fine, <em>with the exception that</em> it began cutting up my words. What I'd like to do is to make them go to the next line, while retaining the word wrap.</p>
  
  <p>Other online sources say that the <code>&lt;div&gt;</code> tag does do automatic word wrapping, but in the web clients it doesn't work this way. I'm guessing this might be due to some of the behind-the-scenes CSS, but I didn't really go and investigate.</p>
  
  <p>Does anybody have any solution/suggestion to my problem? I wouldn't like to do server-side formatting; firstly I think it's a pain in the ass, and secondly I think it'd look different across different web e-mail clients... thanks!</p>