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:

```
<ul>
  <li>Nav item 1</li>
  <li>Nav item 2 <img src="image.gif" /></li>
</ul>

```

I'd like the menu items containing the image to be **Text[space]Image** in correct horizontal alignment.

Can anyone help by showing me the CSS that would achieve this?