title: No line-break after a hyphen
body: <p>I'm looking to prevent a line break after a hyphen <code>-</code> on a case-by-case basis that is compatible with all browsers.</p>
  
  <p>Example:</p>
  
  <p>I have this text:  <code>3-3/8"</code> which in HTML is this:  <code>3-3/8&amp;rdquo;</code></p>
  
  <p>The problem is that near the end of a line, because of the hyphen, it breaks and wraps to the next line instead of treating it like a full word...</p>
  
  <pre><code>3-
  3/8"
  </code></pre>
  
  <p>I've tried inserting the "zero width no break character", <code>&amp;#65279;</code> with no luck...</p>
  
  <pre><code>3-&amp;#65279;3/8&amp;rdquo;
  </code></pre>
  
  <p>I'm seeing this in Safari and thinking it will be the same in all browsers.</p>
  
  <p>The following is my <code>doctype</code> and character encoding...</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" /&gt;
  </code></pre>
  
  <p>Is there any way I can prevent these from line-breaking after the hyphen?  I do not need any solution that applies to the whole page... just something I can insert as needed, like a "zero width no break character", except one that works.</p>
  
  <p>Here is a Demo.  Simply make the frame narrower until the line breaks at the hyphen.</p>
  
  <p><a href="http://jsfiddle.net/RagKH/">http://jsfiddle.net/RagKH/</a></p>