title: Use of IMG within a UL LI navigation menu list
body: <p>I would like to have a menu list, used in a website navigation, where some of the menu items contain both text and an image to the right of the text:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;Nav item 1&lt;/li&gt;
    &lt;li&gt;Nav item 2 &lt;img src="image.gif" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'd like the menu items containing the image to be <strong>Text[space]Image</strong> in correct horizontal alignment.</p>
  
  <p>Can anyone help by showing me the CSS that would achieve this?</p>