title: In HTML, is it possible to insert a word wrapping hint?
body: <p>Imagine I have a long, multi-word line of text in a DIV:</p>
  
  <blockquote>
    <p>Hello there, dear customer. Please have a look at our offer.</p>
  </blockquote>
  
  <p>The DIV has a dynamic width. I want to word wrap the above text. Currently, the wrapping happens on a word boundary which maximizes the length of the first line:</p>
  
  <pre><code>|-DIV WIDTH------------------------------------|
  Hello there, dear customer. Please have a look
  at our offer.
  </code></pre>
  
  <p>I would prefer that the wrapping happen on the sentence boundary. However, if no wrapping is necessary, I would like the line to remain as one.</p>
  
  <p>To illustrate my point, please look at the various DIV widths and how I would like my text to wrap:</p>
  
  <pre><code>|-DIV WIDTH--------------------------------------------------------|
  Hello there, dear customer. Please have a look at our offer.
  |-DIV WIDTH-----------------------------------|
  Hello there, dear customer. 
  Please have a look at our offer.
  |-DIV WIDTH--------|
  Hello there, dear 
  customer. 
  Please have a look
  at our offer.
  </code></pre>
  
  <p>With words, you can use a soft hyphen so that the word wrapping happens on suggested syllable boundaries. If no wrapping is needed, the <code>&amp;shy;</code> remains invisible. If wrapping is needed, the <code>&amp;shy;</code> is where it happens:</p>
  
  <pre><code>magnifi&amp;shy;cently
  </code></pre>
  
  <p>Is there an analogous method for hinting word-wrapping in HTML?</p>