title: HTML - non-breaking space between text and image
body: <p>So I have a menu where each (multiline) item has an image rightarrow.png right after the last word of the menu item. The problem is sometimes this arrow goes into a newline by itself, and I want to stop that from happening. I tried</p>
  
  <pre><code>Blah blah&amp;nbsp;&lt;img src="rightarrow.png" /&gt;
  </code></pre>
  
  <p>but still in some cases it looks like</p>
  
  <pre><code>Blah blah
  &gt;
  </code></pre>
  
  <p>It's driving me crazy.</p>